@charset "UTF-8";

/*==============
Stylesheet eAF_UI_Core.css
=================*/
body {
  background-color: #ffffff;
}

h1 {
  font-size: 36px;
  font-weight: bold;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 16px;
  font-weight: bold;
}

h4 {
  font-size: 14px;
  font-weight: bold;
}

P {
  color: #7281ab;
}

/*------- End Global styles------------ */

.container-fluid.nav-pad {
  padding-right: var(--bs-gutter-x, 3rem);
  padding-left: var(--bs-gutter-x, 3rem);
}

.ml-mr-1 {
  margin-left: 2%;
  margin-right: 2%;
}

.ml-mr-2 {
  margin-left: 10%;
  margin-right: 10%;
}

.bg-grey {
  background-color: #f4f6f9;
}

.bg-white {
  background-color: #fff;
}

/*----------- Navbar styles--------- */
.navbar.navbar-default {
  border: none;
}

.navbar .navbar-nav {
  font-size: 14px;
  margin-top: 25px;
  margin-right: 0px;
}

.navbar-nav a.nav-link,
.navbar-nav a.nav-link:hover {
  font-size: 12px;
  color: #3a5ee6 !important;
  padding: 10px 18px 10px 18px;
  border: none !important;
}

.navbar-nav a.nav-link:visited {
  text-decoration: none;
  color: #3a5ee6;
}

.navbar-nav a.nav-link:hover {
  text-decoration: none;
  color: #000 !important;
}
.navbar-nav li .dropdown-menu li {
  display: block;
}
.navbar-nav li .dropdown-menu li a {
  margin-left: 0px !important;
}
.navbar-nav li .dropdown-menu li::after {
  display: none;
}

.nav-link i {
  padding-right: 5px;
}

.nav-item {
  display: flex;
  margin-left: 5px;
}

.nav-item:hover {
  background-color: #3a5ee6;
  color: #ffffff;
}

.navbar-nav li {
  display: flex;
}

.navbar-nav li::after {
  content: '|';
  float: right;
  color: #000;
  opacity: 0.2;
  margin-top: 10px;
}

.navbar-nav li:last-child::after {
  display: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: #fff;
  font-weight: bold;
  color: #3a5ee6;
}

.navbar-default .navbar-toggle {
  margin-top: 20px;
}

.navbar-default {
  background-color: #fff;
}

.navbar-brand img.logoHMA {
  height: 65px;
  margin: -10px 0 0 25px;
}

.navbar-header {
  padding: 0px 0;
}

/*----------Navbar styles End--------------*/

/*---Tab styles----*/
#form-tabs .nav-pills > li > a {
  border-radius: 4px 0px 0 0 !important;
}

#form-tabs .tab-content {
  color: #7281ab;
  background-color: #f4f6f9;
  padding: 20px 20px 0px;
}

/* Conflict with Product UI */
#form-tabs .tab-content .dataTable thead th {
  color: #3a5ee6;
  padding-left: 20px;
}

.tab-pane {
  background-color: #fff;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #f4f6f9;
  color: #3a5ee6;
  font-weight: bold;
}

.nav > li > a {
  padding: 20px;
}

#form-tabs .nav > li > a {
  padding: 15px 20px;
}

/*------------Tab Styles End--------------*/

/*---------------Data Table styles------------*/

.dataTables_wrapper .dataTable thead th,
table.dataTable thead td {
  border-bottom: 0;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0 !important;
}

/* Conflict with ProductUI */
.dataTables_wrapper table.dataTable tbody th,
table.dataTable tbody td {
  padding: 12px 20px;
}

.dataTables_wrapper table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgb(248 249 250);
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:after,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  right: 0;
  left: 8px;
  top: 27px !important;
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled,
.dataTables_wrapper table.dataTable thead > tr > td.sorting,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc_disabled {
  padding-left: 20px;
  padding-right: 0px;
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before {
  content: '\2191' !important;
  font-size: 16px;
  font-family: var(--fa-style-family, 'Font Awesome 6 Free');
  font-weight: var(--fa-style, 900);
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:after,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  content: '\2193' !important;
  font-size: 16px;
  font-family: var(--fa-style-family, 'Font Awesome 6 Free');
  font-weight: var(--fa-style, 900);
}

.dataTables_wrapper
  div.dt-button-collection
  button.dt-button:active:not(.disabled),
.dataTables_wrapper
  div.dt-button-collection
  button.dt-button.active:not(.disabled),
.dataTables_wrapper
  div.dt-button-collection
  div.dt-button:active:not(.disabled),
.dataTables_wrapper
  div.dt-button-collection
  div.dt-button.active:not(.disabled),
.dataTables_wrapper div.dt-button-collection a.dt-button:active:not(.disabled),
.dataTables_wrapper div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #fff;
  background: solid(to bottom, #fff 100%, #fff 100%);
  box-shadow: inset 0px 0px 0px #fff;
}

.dataTables_wrapper button.dt-button.active:focus:not(.disabled),
.dataTables_wrapper div.dt-button.active:focus:not(.disabled),
.dataTables_wrapper a.dt-button.active:focus:not(.disabled),
.dataTables_wrapper input.dt-button.active:focus:not(.disabled) {
  background-color: #fff;
  background: solid(to bottom, #fff 100%, #fff 100%);
  box-shadow: inset 0px 0px 0px #fff;
}

.dataTables_wrapper table.dataTable.no-footer {
  border-bottom: 0;
}

#form-tabs button.dt-button,
.dataTables_wrapper div.dt-button,
.dataTables_wrapper a.dt-button,
.dataTables_wrapper input.dt-button {
  background: #fff;
  background-color: #fff;
  border: 0;
  color: #3a5ee6;
  font-size: 12px;
}

.dataTables_wrapper button.dt-button:hover:not(.disabled),
.dataTables_wrapper div.dt-button:hover:not(.disabled),
.dataTables_wrapper a.dt-button:hover:not(.disabled),
.dataTables_wrapper input.dt-button:hover:not(.disabled) {
  background: #fff;
  background-color: #fff;
  border: 0;
}

#form-tabs button.dt-button:active:not(.disabled),
.dataTables_wrapper div.dt-button:active:not(.disabled),
.dataTables_wrapper a.dt-button:active:not(.disabled),
.dataTables_wrapper input.dt-button:active:not(.disabled) {
  background: #fff;
  background-color: #fff;
  border: 0;
  box-shadow: inset 0px 0px 0px #fff;
}

#form-tabs button.dt-button:focus:not(.disabled),
.dataTables_wrapper div.dt-button:focus:not(.disabled),
.dataTables_wrapper a.dt-button:focus:not(.disabled),
.dataTables_wrapper input.dt-button:focus:not(.disabled) {
  border: 0;
  text-shadow: inset 0px 0px 0px #fff;
  background: #fff;
  background-color: #fff;
}

#form-tabs button.dt-button:active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper div.dt-button:active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper a.dt-button:active:not(.disabled):hover:not(.disabled),
.dataTables_wrapper input.dt-button:active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 0px 0px 0px #fff;
  background-color: #fff;
  background: #fff;
}

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  box-shadow: none !important;
}

/*------------Data Table Styles end--------------*/

#welcome-signin-button.header-link.btn.btn-primary.btn-lg {
  background-color: transparent !important;
  color: #3a5ee6 !important;
  border: none !important;
  font-size: 16px !important;
  padding-left: 0px !important;
  margin-top: 30px !important;
}

#welcome-signin-button.header-link.btn.btn-primary.btn-lg:hover,
#welcome-signin-button.header-link.btn.btn-primary.btn-lg:active,
#welcome-signin-button.header-link.btn.btn-primary.btn-lg:focus {
  box-shadow: none !important;
}

.home .header #welcome-signin-button.header-link::after {
  margin-top: 7px;
}

/*----------Buttons-------*/
#WebFormPanel
  .actions
  div.btn-group.entity-action-button
  input[type='button'].btn.btn-default.button.previous.previous-btn,
.btn-primary,
button.btn.custom-exit,
button.btn.cancel.btn-default,
button.btn.btn-default.btn-entitylist-filter-submit,
button.btn.btn-default.remove-value,
button.btn.btn-default.clearlookupfield,
button.btn.btn-default.launchentitylookup,
a.btn.btn-info,
div.entitylist-search .input-group-btn button[aria-label='Search Results'],
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-allRecords,
#ToggleSelectedProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-allRecords,
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-selectd,
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-selectdd,
#mainContent .col-md-12 .entitylist .row .btn.btn-default {
  background-color: #3a5ee6 !important;
  border-color: #3a5ee6 !important;
  font-size: 12px;
  color: #fff;
}
div.input-group-btn button.clearlookupfield {
  margin-right: 2px !important;
}
#WebFormPanel
  .actions
  div.btn-group.entity-action-button
  input[type='button'].btn.btn-default.button.previous.previous-btn:hover,
#mainContent .col-md-12 .entitylist .row .btn.btn-default:hover,
button.btn.custom-exit:hover,
button.btn.cancel.btn-default:hover,
a.btn.btn-info:hover,
button.btn.btn-default.btn-entitylist-filter-submit:hover,
button.btn.btn-default.remove-value:hover,
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-allRecords:hover,
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-selectd:hover,
#ToggleSelectedProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-allRecords:hover,
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-selectdd:hover,
input[type='button'].btn-primary:hover,
input[type='submit'].btn-primary:hover,
button.btn-primary:hover {
  box-shadow: 0px 5px 20px -4px #3a5ee6;
}

.btn {
  font-size: 12px;
}

.btn-default:hover {
  color: #3a5ee6;
  background-color: #f4f6f9;
  border-color: #3a5ee6;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: none;
}

/*--------Buttons End----------*/

/*-----------Tables-----------*/

.table > thead > tr > th {
  border-bottom: 0px;
  color: #3a5ee6;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-top: 0px;
  word-break: break-all;
  vertical-align: middle;
}
input[type='text'] {
  font-size: 12px;
}
/*-----------Tables End------------*/

/*--------------- Bug fix for 20654 Start here ----------------*/
.validation-failed-fields {
  border: 2px solid red !important;
}

.validation-failed-non-fields {
  border: 2px solid red !important;
  padding: 0.5% !important;
}
/*--------------- Bug fix for 20654 End here ----------------*/

@media screen and (min-width: 992px) and (max-width: 1200px) {
  /*---------------Nav Bar Responsive Start here ----------------*/
  .navbar-header {
    padding: 0px;
    display: inline-block;
  }

  .navbar-toggle {
    display: none;
  }

  .navbar-collapse.collapse {
    border-top: none;
    float: right;
  }

  .navbar .navbar-nav {
    display: flex;
    float: right;
  }

  .navbar-nav a.nav-link {
    padding: 10px 10px 10px 10px !important;
    font-size: 12px;
  }

  .navbar-nav a.nav-link:hover {
    padding: 10px 10px 10px 10px !important;
    font-size: 12px;
  }

  .nav.navbar-nav {
    display: flex;
    margin-top: 0px;
  }

  .navbar-brand img.logoEma {
    max-height: 40px;
  }

  .navbar-brand img.logoHMA {
    max-height: 30px;
  }

  /*---------------Nav Bar Responsive End here ----------------*/
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .container-fluid.ml-mr-1 {
    margin: 0px !important;
  }

  .navbar-header {
    padding: 0px;
    display: inline-block;
  }

  .navbar-toggle {
    display: none;
  }

  .navbar-collapse.collapse {
    display: inline !important;
    border-top: none;
    float: right;
    margin-top: -42px;
  }

  .navbar .navbar-nav {
    display: flex;
    float: right;
  }

  .navbar-nav a.nav-link {
    padding: 6px 8px 6px 8px;
    font-size: 11px;
  }

  .nav.navbar-nav {
    display: flex;
    margin-top: 0px;
  }

  .navbar-brand img.logoEma {
    max-height: 34px;
  }

  .navbar-brand img.logoHMA {
    max-height: 30px;
    margin-left: 6px;
  }
}

@media screen and (min-width: 200px) and (max-width: 767px) {
  .navbar.navbar-default {
    margin-bottom: 20px;
  }

  .navbar.navbar-default
    .container-fluid.ml-mr-1
    .xrm-editable-html.xrm-attribute
    .xrm-attribute-value {
    display: flex;
  }

  .navbar-default .navbar-toggle {
    background-color: transparent !important;
  }

  .navbar-default .navbar-toggle {
    position: absolute;
    right: 22px;
  }

  .navbar-brand {
    padding-top: 10px !important;
  }

  .navbar-collapse {
    border-top: none !important;
  }

  .navbar .navbar-nav {
    margin: 20px 0px !important;
  }

  .navbar-nav li {
    display: flex;
    border: solid 1px #eaecef;
    border-top: none;
  }

  .navbar-nav li.weblink.dropdown {
    display: block;
  }

  .navbar-nav li:first-child {
    border-top: solid 1px #eaecef;
  }

  .navbar-nav a.nav-link {
    font-size: 12px !important;
    padding: 8px 18px 8px 18px;
    width: 100%;
  }

  .navbar-nav li.weblink.dropdown .dropdown-menu {
    padding: 0px !important;
    background-color: #f4f6f9;
    margin: 10px !important;
  }

  .navbar-nav li.weblink.dropdown .dropdown-menu li .nav-link {
    padding: 8px 15px 8px 25px !important;
  }

  footer > .container-fluid.ml-mr-1 {
    margin: 0px !important;
    padding: 0px;
  }
}

@media screen and (min-width: 200px) and (max-width: 360px) {
  .quicklinks .row .col-xs-6.col-sm-3 {
    width: 100%;
  }

  .home .quicklinks .card-ql {
    min-height: 100%;
  }

  .footer-logo {
    height: 34px;
  }
}

/* ---------  Styles from Product UI -----------*/

.section tbody tr td[colspan='1'].form-control-cell.alignSameLine div.info,
.section tbody tr td[colspan='1'].checkbox-cell.alignSameLine div.info,
.section tbody tr td[colspan='1'].picklist-cell.alignSameLine div.info,
.section tbody tr td[colspan='1'].boolean-radio-cell.alignSameLine div.info,
.section tbody tr td[colspan='1'].boolean-dropdown-cell.alignSameLine div.info {
  width: 30%;
}

.section tbody tr td[colspan='1'].form-control-cell.alignSameLine div.control {
  width: 70%;
}

.section tbody tr td[colspan='2'].form-control-cell.alignSameLine div.info,
.section tbody tr td[colspan='2'].checkbox-cell.alignSameLine div.info,
.section tbody tr td[colspan='2'].picklist-cell.alignSameLine div.info,
.section tbody tr td[colspan='2'].boolean-radio-cell.alignSameLine div.info,
.section tbody tr td[colspan='2'].boolean-dropdown-cell.alignSameLine div.info {
  width: 15%;
}

.section tbody tr td[colspan='2'].form-control-cell.alignSameLine div.control {
  width: 85%;
}

/*Bug 179981: [SIT]:eAF: UI/Ux issues under eAF application-Premasterdev*/
/* .section tbody tr td.alignSameLine .checkbox {
  padding-left: 15px !important;
} */

div.entitylist-search
  .input-group-btn
  button[aria-label='Search Results']:hover {
  background: #0a53be !important;
}
/*==============
End Stylesheet eAF_UI_Core.css
=================*/

/*==============
Begin Stylesheet EMA_eAF_style.css
=================*/
div#OrgAddress input,
div#ParentOrg input {
  border: none !important;
}

div#OrgAddress td.cell.form-control-cell,
div#ParentOrg td.cell.form-control-cell {
  padding: 0px !important;
}

div#OrgAddress
  table[data-name='tab_1_column_1_section_1']
  td.cell.form-control-cell {
  padding-left: 12px !important;
}

body #EntityFormView div[data-name='AddEditPaymentDetails'] {
  padding-top: 20px;
}
body
  #EntityFormView
  div[data-name='AddEditPaymentDetails']
  td.cell.form-control-cell {
  padding: 0 20px 0px 20px !important;
}

#EntityFormPanel.crmEntityFormView
  div[data-name='AddEditVariationApplication']
  td.cell.form-control-cell,
#EntityFormPanel.crmEntityFormView
  div[data-name='AddEditVariationApplication']
  td.cell.crmquickform-cell {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

#EntityFormPanel.crmEntityFormView
  fieldset[aria-label='Proposed Organisation Changes']
  td.crmquickform-cell {
  padding: 0px 0px 0px 12px !important;
}

div[data-name='AddEditVariationApplication'] td.cell.form-control-cell,
div[data-name='AddEditVariationApplication'] td.cell.crmquickform-cell {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

#ema_company_lookupmodal .modal-lg {
  min-width: 95%;
}

.modal-form .modal-body iframe {
  height: auto;
  min-height: 250px;
}

fieldset[aria-label='Contact Person'] .modal-form .modal-body iframe {
  height: auto;
  min-height: 70vh;
}

fieldset[aria-label='Other Applications'] .modal-form .modal-body iframe {
  height: auto;
  min-height: 350px;
}

body .crmEntityFormView #statecode.state {
  padding-left: 0px !important;
}

#modalExportDialog .modal-dialog.modal-lg {
  width: 86vw !important;
}
#modalExportDialog #fhirExportTable_wrapper .dataTables_filter {
  top: 0px !important;
}
#modalExportDialog #fhirExportTable_wrapper .dataTables_filter input {
  height: 31px !important;
  min-height: 31px !important;
}
#modalExportDialog
  #fhirExportTable_wrapper
  .dataTables_filter
  button#fhirExportSearchButton {
  min-height: 31px !important;
  height: 31px !important;
}
#modalExportDialog #btnRefresh {
  height: 31px !important;
  min-height: 31px !important;
}
.col-xs-8.ApplicationHeader #applicationHeaderName {
  margin-top: 0px;
}
.col-xs-4.applicationHeaderRight {
  text-align: right;
  margin-top: 5px;
}
/* ---------- Filter generic CSS ---------- */
.toolbar-actions .view-search.entitylist-search {
  width: 350px !important;
}

.modal-disassociate .modal-content {
  border-color: var(--plm-primary) !important;
  border-radius: 0.4rem !important;
}

.modal-disassociate .modal-dialog {
  width: 340px !important;
}
.modal-disassociate .modal-header {
  border-bottom: none !important;
}
.modal-disassociate .modal-body {
  margin-top: -24px;
  padding: 0.5em 1em;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h2) !important;
  color: var(--plm-primary);
}

.modal-disassociate .modal-header button.form-close {
  top: 10% !important;
  color: var(--plm-primary) !important;
}

.modal-disassociate button.primary.btn.btn-primary {
  --btn-bg: var(--plm-secondary) !important;
  --btn-color: var(--plm-white) !important;
  --btn-hover-bg: var(--plm-dark-blue) !important;
  --btn-hover-color: var(--plm-white) !important;
  --btn-size: var(--plm-fs-h4);
  color: var(--btn-color) !important;
  font-size: var(--btn-size);
  line-height: var(--plm-lh-h4) !important;
  background-color: var(--btn-bg) !important;
  display: inline-block;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  border: unset !important;
  white-space: nowrap;
  padding: 0.35em 1em;
  user-select: none;
  transition: 0.1s all ease-in-out;
  --btn-mw: 11rem;
  --btn-radius: 4px;
  min-width: var(--btn-mw);
  border-radius: var(--btn-radius);
  vertical-align: middle;
  text-decoration: none !important;
}
.modal-disassociate .modal-footer {
  text-align: center !important;
  border-top: 1px solid var(--plm-primary) !important;
  padding-bottom: 0.75rem !important;
  padding-top: 1.5rem !important;
}
.modal-disassociate button.cancel.btn.btn-default {
  --btn-bg: var(--plm-white) !important;
  --btn-color: var(--plm-secondary) !important;
  --btn-hover-bg: var(--plm-light-grey) !important;
  --btn-hover-color: var(--plm-secondary) !important;
  --btn-disabled-bg: var(--plm-light-grey) !important;
  --btn-disabled-color: var(--plm-faded-secondary) !important;
  --btn-size: var(--plm-fs-h4) !important;
  color: var(--btn-color) !important;
  font-size: var(--btn-size) !important;
  line-height: var(--plm-lh-h4) !important;
  background-color: var(--btn-bg) !important;
  display: inline-block;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  border: unset;
  white-space: nowrap;
  padding: 0.35em 1em;
  user-select: none;
  transition: 0.1s all ease-in-out;
  --btn-mw: 11rem;
  --btn-radius: 4px;
  min-width: var(--btn-mw);
  border-radius: var(--btn-radius);
  vertical-align: middle;
  text-decoration: none !important;
}

/*subgrid*/
/* .modal-delete .modal-content {
  border-color: 1px solid var(--plm-light-grey);
  border-radius: 4px !important;
} */

.modal-delete .modal-sm {
  width: 340px !important;
}

.modal-delete .modal-dialog {
  width: 340px !important;
}

.modal-delete .modal-header button.form-close {
  top: 10% !important;
  /* color: var(--plm-primary) !important; */
  right: 10px;
}

.modal-delete .cancel.modal-delete-footer-button,
.modal-delete button.cancel.btn.btn-default {
  --btn-bg: var(--plm-white) !important;
  --btn-color: var(--plm-secondary) !important;
  --btn-hover-bg: var(--plm-light-grey) !important;
  --btn-hover-color: var(--plm-secondary) !important;
  --btn-disabled-bg: var(--plm-light-grey) !important;
  --btn-disabled-color: var(--plm-faded-secondary) !important;
  --btn-size: var(--plm-fs-h4) !important;
  color: var(--btn-color) !important;
  font-size: var(--btn-size) !important;
  line-height: var(--plm-lh-h4) !important;
  background-color: var(--btn-bg) !important;
  display: inline-block;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  border: unset;
  white-space: nowrap;
  padding: 0.35em 1em;
  user-select: none;
  transition: 0.1s all ease-in-out;
  --btn-mw: 11rem;
  --btn-radius: 4px;
  min-width: var(--btn-mw);
  border-radius: var(--btn-radius);
  vertical-align: middle;
  text-decoration: none !important;
}

.modal-delete .primary.modal-delete-footer-button,
.modal-delete button.primary.btn.btn-primary {
  --btn-bg: var(--plm-secondary) !important;
  --btn-color: var(--plm-white) !important;
  --btn-hover-bg: var(--plm-dark-blue) !important;
  --btn-hover-color: var(--plm-white) !important;
  --btn-size: var(--plm-fs-h4);
  color: var(--btn-color) !important;
  font-size: var(--btn-size);
  line-height: var(--plm-lh-h4) !important;
  background-color: var(--btn-bg) !important;
  display: inline-block;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  border: unset !important;
  white-space: nowrap;
  padding: 0.35em 1em;
  user-select: none;
  transition: 0.1s all ease-in-out;
  --btn-mw: 11rem;
  --btn-radius: 4px;
  min-width: var(--btn-mw);
  border-radius: var(--btn-radius);
  vertical-align: middle;
  text-decoration: none !important;
}

.modal-delete .modal-footer {
  /* text-align: center !important; */
  padding-bottom: 0.75rem !important;
  padding-top: 1.5rem !important;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.modal-delete .modal-footer .primary {
  order: 1;
}
.modal-delete .modal-footer .cancel {
  order: 0;
}

.modal-delete .cancel.modal-delete-footer-button,
.modal-delete button.cancel.btn.btn-default,
.modal-disassociate button.cancel.btn.btn-default {
  border: 1px solid var(--plm-secondary) !important;
}

.modal-delete .cancel.modal-delete-footer-button:hover,
.modal-delete button.cancel.btn.btn-default:hover,
.modal-disassociate button.cancel.btn.btn-default:hover {
  --btn-bg: var(--btn-hover-bg) !important;
  --btn-color: var(--btn-hover-color) !important;
  box-shadow: 0px 0px 10px -2px var(--plm-muted);
}

.modal-delete .primary.modal-delete-footer-button:hover,
.modal-delete button.primary.btn.btn-primary:hover,
.modal-disassociate button.primary.btn.btn-primary:hover {
  --btn-bg: var(--btn-hover-bg) !important;
  --btn-color: var(--btn-hover-color) !important;
  box-shadow: 0px 0px 10px -2px var(--plm-muted);
}
/*==============
End Stylesheet EMA_eAF_style.css
=================*/

/*==============
Begin Stylesheet eAF_EMA_UI_Custom.css
=================*/
div#Proposed_Organisation_Changes table tr th {
  word-break: inherit;
}

a.btn.action {
  color: white !important;
}

.body_bt {
  margin-bottom: 0px !important;
}

.home .header {
  border-radius: 15px;
  min-height: 100px;
  background-color: #fff;
  display: flex;
  margin-top: 25px;
  margin-bottom: 50px;
  padding: 18px 40px;
}

.applicationsTableDiv {
  margin-top: 0px !important;
}

.applicationNotFoundCon,
.epi-human-medicines {
  min-height: calc(100vh - 300px);
}
.home .header .header-left {
  width: 60%;
}

.body_bt {
  margin-bottom: 0px !important;
}

.home .header .header-right {
  width: 40%;
  text-align: right;
}

.home .header h1 {
  padding: 15px 0;
  color: #0b4ba0;
  margin-bottom: 25px;
}

.home .header p {
  padding: 5px 0;
  color: #7281ab;
  margin: 0;
  font-size: 21px;
}

.home .header .header-link {
  font-size: 16px;
  font-weight: bold;
  float: left;
  margin-top: 30px;
}

.home .header .header-link:hover {
  text-decoration: none !important;
}

.home .header .header-link::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border: 3px solid;
  border-color: #3a5ee6;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
  margin-top: 7px;
  margin-left: 20px;
}

.home .arrow-right::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  border: 3px solid;
  border-color: #3a5ee6;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
  margin-top: 10px;
  margin-left: 10px;
}

.home .quicklinks .quickLink-card {
  border: none;
  border-radius: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  padding: 25px;
}

.home .quicklinks .card-icon {
  background-repeat: no-repeat;
  background-position: top 25px right 25px;
  background-size: 37%;
}

.home .quicklinks .newApp {
  background-image: url(../images/icon-New-app.png);
  background-size: 26%;
}

.home .quicklinks .card-public-reg {
  background-image: url(../images/card-public-reg.png);
  background-size: 26%;
}

.home .quicklinks .card-guidance {
  background-image: url(../images/card-guidance.png);
  background-size: 26%;
}

.home .quicklinks .card-news {
  background-image: url(../images/card-news.png);
  background-size: 22%;
}

.home .quicklinks {
  margin-top: 40px;
  margin-bottom: 65px;
}

.home .quicklinks .card-ql {
  text-decoration: none;
  color: #122a58;
  min-height: 300px;
}

.home .quicklinks .card-ql:hover .card-title {
  color: #fff;
}

.home .quicklinks .card-ql:hover .card-sub-text span {
  color: #fff;
}

.home .quicklinks .card-ql.newApp:hover {
  background-image: url(../images/icon-New-app-hover.png);
}

.home .quicklinks .card-ql.card-news:hover {
  background-image: url(../images/card-news-hover.png);
}

.home .quicklinks .card-ql.card-guidance:hover {
  background-image: url(../images/card-guidance-hover.png);
}

.home .quicklinks .card-ql.card-public-reg:hover {
  background-image: url(../images/card-public-reg-hover.png);
}

.home .quicklinks .card-ql:hover {
  text-decoration: none;
  background-color: #3a5ee6;
  color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 1px 21px 46px -7px rgba(45, 93, 239, 0.5);
  -moz-box-shadow: 1px 21px 46px -7px rgba(45, 93, 239, 0.5);
  box-shadow: 1px 21px 46px -7px rgba(45, 93, 239, 0.5);
}

.home .quicklinks .card-ql:active {
  text-decoration: none;
  background-color: #122a58;
  color: #fff;
  cursor: pointer;
}

.home .quicklinks .card-ql.card-sub-text:hover {
  color: #fefefe;
}

.home .quicklinks .quickLink-card .sub-text {
  color: #424242;
}

.home .quicklinks .quickLink-card .card-title {
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  word-wrap: normal;
  overflow-wrap: normal;
  padding-top: 5px;
  width: 160px;
  color: #0b4ba0;
}

.card-ht {
  min-height: 190px;
  display: flex;
}

.col-md-23 {
  width: 23.5%;
  flex: 0 0 auto;
}

.home .quicklinks .card-sub-text {
  display: flex;
}

.home .quicklinks .card-sub-text span {
  padding-right: 15px;
  opacity: 0.7;
  font-size: 12px;
  color: #123394;
  font-weight: 400;
}

.home .sub-title {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  opacity: 0.6;
  margin: 25px 0;
}

.home .app-forms {
  border-radius: 20px;
  background-color: #fff;
  min-height: 200px;
  padding: 25px;
  display: flex;
  margin-top: 50px;
}

.home .app-forms .row-height-1 {
  min-height: 75px;
}

.home .app-forms .row-height-2 {
  min-height: 90px;
}

.home .app-forms .card-body {
  border-right: 1px solid #ccc;
  height: 100%;
  padding: 10px 30px;
}

.home .app-forms .last-child {
  border-right: 0;
}

.home .app-forms h2 {
  color: #0b4ba0;
  line-height: 28px;
  margin: 0;
  font-size: 16px;
}

.home .app-forms ul.app-list {
  list-style: none;
  font-size: 14px;
  font-weight: bold;
  color: #3a5ee6;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
}

.home .app-forms ul.app-list li {
  line-height: 40px;
}

.home .app-forms ul.app-list li::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  border: 2px solid;
  border-color: #3a5ee6;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
  margin-top: 16px;
  margin-left: 10px;
  right: 0;
}

.arrow {
  opacity: 0.6;
}

.home .card-sub-text .fa-2x {
  font-size: 2.5rem;
  color: #a1aed5;
}

.card-sub-text .pl-pr-0 {
  padding-left: 0;
  padding-right: 0;
}

.home .ta-r {
  text-align: right;
}

/*---Guidance page styles---*/
.guidance {
  min-height: calc(100vh - 300px);
}
.guidance h2 {
  color: #122a58;
  padding-bottom: 20px;
}

.public-reg h2 {
  color: #122a58;
  padding-bottom: 20px;
}

.guid-card {
  height: 100%;
  /*for guidance page cards*/
  font-size: 12px !important;
}

.card-style {
  text-decoration: none;
  color: #717171 !important;
  text-align: center;
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  min-height: 320px;
  margin-bottom: 20px;
}

.card-style:hover {
  text-decoration: none;
  background-color: #f4f6f9;
  cursor: pointer;
  background-blend-mode: hard-light;
  -webkit-box-shadow: 1px 21px 46px -7px rgba(45, 93, 239, 0.5);
  -moz-box-shadow: 1px 21px 46px -7px rgba(45, 93, 239, 0.5);
  box-shadow: 1px 21px 46px -7px rgba(45, 93, 239, 0.5);
}

.card-style:active {
  text-decoration: none;
  background-color: #f4f6f9;
  cursor: pointer;
  background-blend-mode: hard-light;
}

.card-style h3 {
  color: #122a58;
  padding: 15px 0;
}

/*---------------------Application Forms Page Styles-------------------*/

.app-forms {
  margin-top: 15px;
}

.content-container {
  margin-top: 0px;
}

table.dataTable .btn-default:hover,
.btn-default:focus,
.btn-default:focus-visible {
  background-color: #fff;
}

table.dataTable .btn-default:focus-visible {
  outline: none;
}

table.dataTable .btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  background-color: #fff;
}

.dataTables_wrapper .dataTables_info {
  position: relative;
  top: 42px;
  font-style: italic;
  color: #506d94 !important;
  left: -20px;
}

.dataTables_wrapper #exampleTable_info.dataTables_info {
  top: 0px;
  left: 0px;
}

#availableProductsTable_wrapper .dataTables_info {
  left: 0px !important;
}

#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-allRecords,
#ToggleSelectedProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-allRecords,
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-selectd,
#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-selectdd {
  margin-right: 10px !important;
  margin-left: 10px !important;
  font-size: 12px !important;
  min-width: 170px !important;
}

.dataTables_wrapper #frommyorganisationsTable_info.dataTables_info {
  top: 80px;
}

button.colvis .dt-down-arrow {
  display: none;
}

button.colvis::after {
  font: normal normal normal 11px/1 FontAwesome;
  content: '\f107';
  top: 0px;
  position: relative;
  padding-left: 10px;
}

button.refresh .fa-refresh {
  padding-left: 10px;
}

button.download .fa-file-arrow-down {
  padding-left: 10px;
}

.dataTables_filter {
  position: absolute;
  top: -68px;
  right: -20px;
}

#productSelectionTable_filter {
  display: flex;
  justify-content: end;
}

#productSelectionTable_filter.dataTables_filter {
  top: 0px;
  right: 0px;
  gap: 1.2rem;
}

#productSelectionTable_filter.dataTables_filter .btn {
  font-size: 12px !important;
  height: 32px !important;
}

#productSelectionTable_filter.dataTables_filter #dataTableSearchButton {
  height: 32px;
  font-size: 12px;
}

#productSelectionTable_filter .btnAddProduct {
  height: 32px !important;
}

#productSelectionTable_filter .form-control.input-sm {
  min-width: 200px;
  height: 32px;
}

.dataTables_filter label {
  font-size: 0;
  margin-top: 0px !important;
}

.dataTables_wrapper .dataTables_filter input {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #e3e6ec !important;
  height: 28px;
  padding-left: 10px !important;
  padding-top: 3px !important;
  width: 235px;
}

.dataTables_wrapper .dataTables_filter input:focus {
  outline: none;
}

.tab-pane div.dt-buttons {
  position: absolute;
  top: 0px;
  top: -60px;
  left: 372px;
}

.tab-pane #selectScopesTable_wrapper div.dt-buttons {
  left: 625px;
  top: -58px;
}

.applicationsTableDiv .dt-buttons {
  position: absolute !important;
  top: -60px !important;
  left: 442px !important;
}

.tab-pane div.dt-buttons .btn {
  font-size: 12px;
  border: none;
}

#medicinalProductsTable_wrapper div.dt-buttons {
  left: 170px;
}

.tab-pane {
  position: relative;
}

.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder {
  /* Edge */
  color: #c4cad5;
  font-size: 12px;
  font-weight: normal;
}

.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c4cad5;
  font-size: 12px;
  font-weight: normal;
}

.dataTables_wrapper .dataTables_filter input::placeholder {
  color: #c4cad5;
  font-size: 12px;
  font-weight: normal;
}

/*---------------------Application Forms Page Styles End-------------------*/
.form-list {
  margin-top: 33px;
}

.table-container {
  display: flex;
  min-height: 200px;
}

.btn.appID-btn {
  padding: 0 5px;
}

/*--------------Draft Application Form styles---------------------*/

.form-content {
  color: #7281ab;
  background-color: #f4f6f9;
  padding: 50px 30px;
}

/*progress header*/
.progress_header {
  overflow: hidden;
  margin: 0 auto 30px;
  padding: 0;
}

.progress_header li {
  list-style-type: none;
  width: auto;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 20px;
}

.progress_header li a {
  display: block;
  background-color: #fff;
  margin: 0 auto;
  background-repeat: no-repeat;
  padding: 10px 20px;
  text-decoration: none;
  color: #636466;
}

.progress_header li a.active {
  background-color: #3a5ee6;
  color: #fff;
  transition: all 0.5s;
  cursor: default;
  line-height: 22px;
}

/*Input and Button*/
#form-box {
  background: white;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 1px 1px 55px 3px rgba(255, 255, 255, 0.4);
  padding: 30px;
  box-sizing: border-box;
  margin: 0;
}

#form-box:not(:first-of-type) {
  display: none;
}

.draft-form .input-group {
  margin-bottom: 20px;
  width: 100%;
}

.draft-form .input-group :last-child {
  margin-bottom: 0;
}

.draft-form label:after {
  content: ' *';
  color: red;
}

.progress_header li a.done {
  background-color: #a4bb54;
  color: #fff;
  cursor: pointer;
}

.progress_header li a.done::after {
  content: '\2713';
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  padding-left: 10px;
}

.draft-form .form-data {
  padding: 25px 0;
}

.btn-row {
  margin-top: 25px;
}

.text-title {
  font-weight: bold;
  padding: 10px 0;
  display: block;
}

.draft-form .input-group-btn.over {
  position: absolute;
}

.draft-form .input-group {
  position: inherit;
}

.btn-top-align {
  float: right;
  padding-bottom: 20px;
}

.draft-form .table-responsive {
  min-height: 250px;
}

#myTable_wrapper .dataTables_scrollBody {
  border: none !important;
}

/*--------------Draft Application Form styles End---------------------*/
/*--------------Organisation Styles---------*/

.organisation table.dataTable tbody td.select-checkbox:before,
.organisation table.dataTable tbody th.select-checkbox:before {
  margin-top: 2px !important;
}

div.dataTables_wrapper div.dataTables_filter label {
  margin-top: 0px;
}

#applicationsDraftTable_filter.dataTables_filter
  #applicationsDraftTableSearchButton
  .btn.btn-default {
  color: #fff;
  background-color: #2f5fef !important;
  border-color: #2f5fef !important;
}

#applicationsDraftTable_filter .btn {
  font-size: 12px !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  height: 31px;
}

.applicationsTableDiv input {
  height: 31px !important;
}

#applicationsDraftTable_filter .btn {
  font-size: 12px !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  height: 31px;
}

.applicationsTableDiv input {
  height: 31px !important;
}

.applicationsTableDiv #applicationsDraftTable_filter input {
  height: 31px !important;
}

.applicationsTableDiv #applicationsDraftTable_filter .btn,
.dataTables_filter .btn {
  background-color: #3a5ee6 !important;
  color: #fff !important;
}

.dataTables_wrapper table#applicationsDraftTable.dataTable.no-footer {
  background: #f4f6f9 !important;
}

.dataTables_wrapper #applicationsDraftTable tbody tr td:first-child a,
#applicationsDeactivatedTable_wrapper tbody tr td:first-child a,
#applicationsCompletedTable_wrapper tbody tr td:first-child a,
#applicationsTable_wrapper tbody tr td:first-child a {
  font-weight: bold;
}

.dataTables_wrapper table tbody tr td:first-child a:hover {
  text-decoration: none;
}

#form-tabs .nav > li > a {
  margin-left: 0px !important;
}

div.dataTables_scrollBody {
  border-left: none !important;
}

#applicationsDraftTable_filter.dataTables_filter .btn {
  font-size: 12px !important;
}

#dataTableDiv3 {
  padding: 0px !important;
  margin-top: 20px;
}

#productSelectionTable_wrapper .dt-buttons .btn {
  font-size: 12px;
  border: none;
}

#productSelectionTable_wrapper .dataTables_scroll {
  background-color: #f4f6f9;
  padding: 30px;
  margin-top: 20px;
}

#productSelectionTable_wrapper .dataTables_scroll .dataTables_scrollHeadInner {
  background-color: #fff !important;
}

body div.dataTables_scrollBody {
  border-left: none !important;
}

/********* dataTables_scrollBody start here ***********/
body div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0) 0px,
    rgba(0, 0, 0, 0) 0px,
    rgba(0, 0, 0, 0) 0px
  );
}

body #medicinalProductsTable_wrapper div.dataTables_scrollBody {
  background: none !important;
  background-color: transparent !important;
}

body .dataTables_wrapper table.dataTable tbody th,
body table.dataTable tbody td {
  white-space: inherit;
  word-wrap: break-word;
  max-width: 220px;
}

#applicationsDraftTable {
  width: 100% !important;
}

/********* dataTables_scrollBody end here ************/

.noVis .dropdown-menu {
  left: auto !important;
  right: 0px !important;
}

.noVis .dropdown-menu > li > a {
  font-size: 12px;
  padding: 6px 10px;
  margin-left: 0px;
}

#fromotherorganisations #searchLabel {
  font-size: 12px;
  display: block;
  background-color: #fff;
  padding: 15px;
}

#fromotherorganisations #searchLabel input#coAuthorSearchByEmail {
  min-height: 36px;
  font-size: 12px;
  outline-color: #ccc;
  border: solid 1px #ccc;
  padding: 0px 12px;
}
#fromotherorganisations #searchLabel .btn-default {
  min-height: 36px;
  color: #fff;
  background-color: #2f5fef;
  margin-top: -3px;
  border-color: #2f5fef;
}

#fromotherorganisations #searchLabel .Information {
  width: 30px;
  top: 7px;
  position: relative;
}

#frommyorganisations #CustomValidationSummarycustom,
#frommyorganisations #coAuthorValidation {
  position: absolute;
  width: 100%;
  z-index: 999;
  top: -130px;
}

.applicationsTableDiv #frommyorganisationsTable_wrapper .dt-buttons {
  left: 500px !important;
  top: 58px;
}

#OrgLocationsTable_filter label input.form-control.input-sm {
  margin-right: 20px;
}

#OrgLocationsTable_wrapper
  .dataTables_scroll
  .display.table.table-striped.table
  thead
  th {
  padding-top: 24px !important;
  padding-bottom: 0px !important;
}

#EntityFormPanel .entity-form .tab .tab-column > div > fieldset,
#EntityFormPanel
  .entity-form
  .tab
  .tab-column
  > div
  > div.plm-accordian-cntr
  > fieldset {
  margin: 0px 0px 0px 0px !important;
  background-color: #fff !important;
}

#EntityFormPanel
  .entity-form
  .tab
  .tab-column
  > div
  > fieldset
  .section
  .control
  .form-control {
  font-size: 12px;
  color: #555;
  padding-left: 1rem !important;
}

/* Conflict with Product UI */
#EntityFormPanel
  .entity-form
  .tab
  .tab-column
  > div
  > fieldset
  legend.section-title.legend {
  background-color: #fff;
  padding: 30px 40px 28px;
  font-size: 16px;
  position: relative;
  margin: 0px;
  font-weight: bold;
}

#EntityFormPanel
  .entity-form
  .tab
  .tab-column
  > div
  > fieldset
  .section
  .control
  #ema_domain_name.form-control,
#EntityFormPanel
  .entity-form
  .tab
  .tab-column
  > div
  > fieldset
  .section
  .control
  #ema_typeofapplication_name.form-control {
  background-color: transparent !important;
}

#EntityFormPanel
  .entity-form
  .tab
  .tab-column
  > div
  > fieldset
  legend.section-title.legend
  span.span {
  font-weight: 500 !important;
}

#EntityFormPanel
  .entity-form
  .tab
  .tab-column
  > div
  > fieldset
  legend.legend
  + div {
  background-color: #fbfbfd;
  padding: 40px !important;
}

#EntityFormPanel .entity-form div.info label {
  margin-left: 10px !important;
}

#EntityFormPanel .entity-form div.info label[for='TypesOfChangesvalues'] {
  margin-left: 0px !important;
}

#EntityFormPanel .entity-form div.info label#ema_referencemahphonenumber_label {
  margin-left: 0px !important;
  margin-bottom: 10px !important;
  margin-top: 20px;
}

#EntityFormPanel .entity-form div.info label#ema_referencemahemail_label {
  margin-bottom: 10px !important;
  margin-top: 20px;
}

#EntityFormPanel
  .entity-form
  .tab-column
  table.section[data-name='ProceduralInformation']
  div.info {
  min-width: 10px;
}

.proposed-changes-internal-pages
  #EntityFormPanel
  .entity-form
  .tab-column
  .section
  div.info
  label {
  font-size: 14px !important;
}

#EntityFormPanel
  .entity-form
  .tab-column
  .section
  div.info
  label#ema_feespaid_label {
  margin-bottom: 15px;
}

#EntityFormPanel
  .entity-form
  .tab-column
  table.section[data-name='Signatories']
  div.info {
  margin-left: -15px;
}

#EntityFormPanel .section .clearfix.cell.checkbox-cell.alignSameLine > div {
  display: flex;
}

#EntityFormPanel
  table.section[data-name='tab_3_section_1']
  .clearfix.cell.checkbox-cell.alignSameLine
  > div {
  display: flex;
  flex-direction: column-reverse;
}

#EntityFormPanel
  table.section[data-name='tab_3_section_1']
  .clearfix.cell.checkbox-cell.alignSameLine
  > div
  .info {
  padding-left: 20px !important;
}

#ProcedureType .view-grid .table.table-striped.table-fluid {
  margin-top: 20px !important;
}

#ProcedureType .view-grid .table.table-striped.table-fluid thead th {
  padding-left: 0px !important;
}

#TypeofAuthorisation .view-grid .table.table-striped.table-fluid {
  margin-top: 20px !important;
}

#TypeofAuthorisation .view-grid .table.table-striped.table-fluid thead th {
  padding-left: 0px !important;
}

#EntityFormPanel
  div[data-name='Procedural_Information']
  table[data-name='NameAndAddress']
  .info
  label {
  margin-bottom: 10px;
}

#ContentContainer_MainContent_MainContent_ForumThreadCreateForm {
  padding-bottom: 210px !important;
}

#ContentContainer_ContentHeader_PageHeader_PageHeader_ForumControls
  .btn.btn-primary {
  color: #fff !important;
}

.ema-rside .modal.in .modal-dialog.modal-lg {
  min-width: 85% !important;
}

#ema_precisescopeforchange_Container
  .MscrmControls\.RichTextEditor\.RichTextEditorControl {
  min-height: 250px !important;
}

#RichTextEditorControl {
  margin-bottom: 20px !important;
}

#TypeofAuthorisation .view-grid .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent !important;
}

html[dir='ltr']
  .crmEntityFormView
  .entity-form
  .tab
  .section
  .cell.checkbox-cell
  div.control {
  float: left;
  margin-top: -1px;
}

.clearfix.cell.checkbox-cell.alignSameLine > div {
  padding-left: 8px;
  margin: 8px 0px;
}

html[dir='ltr'] .crmEntityFormView .cell .field-label {
  font-weight: normal !important;
}

html[dir='ltr'] .crmEntityFormView .cell .field-label svg {
  position: relative;
  left: 4px;
  top: 2px;
}

#EntityFormPanel .section .clearfix.cell.checkbox-cell.alignSameLine > div {
  padding-left: 0px !important;
}

#EntityFormPanel
  .section
  .clearfix.cell.checkbox-cell.alignSameLine
  > div
  .info {
  padding-left: 0px !important;
}

#EntityFormPanel
  .section
  .clearfix.cell.checkbox-cell.alignSameLine
  > div
  .info
  label {
  margin-left: 0px !important;
}

.tab.clearfix {
  overflow: inherit;
}

#EntityFormPanel
  .entity-form
  .tab.clearfix
  .tab-column
  .fieldset-open
  .section
  tbody
  .clearfix.cell.lookup.form-control-cell.alignSameLine
  > div {
  display: flex;
  align-items: center;
}

#ChangeConcern .table-striped > tbody > tr:nth-of-type(odd),
#ConcernedMemberState .table-striped > tbody > tr:nth-of-type(odd),
#ProcedureType .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent !important;
}

#externalProcedures
  #externalProceduresTable_wrapper.dataTables_wrapper
  .dataTables_info {
  top: 84px !important;
}

#externalProcedures.table_design
  .dataTables_scrollHead
  .table_header
  thead
  tr
  th {
  padding-top: 22px !important;
  padding-bottom: 18px !important;
}

.selectScopesTableDiv
  #selectScopesTable_wrapper
  #selectScopesTable_info.dataTables_info {
  top: 0px;
  left: 0px;
}

.selectMedicinalProductTableDiv #packagesTable_wrapper #packagesTable_info {
  top: 24px;
  left: 0px;
}

.table_design
  #selectScopesTable_wrapper
  .dataTables_scrollHeadInner
  .table_header
  thead
  tr
  th {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.table_design
  #selectMedicinalProductTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th {
  background-color: #fcfcfc;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

body #selectMedicinalProductTable_wrapper table.dataTable tbody td {
  word-break: inherit;
}

#selectScopesTable_wrapper #selectScopesTable_filter.dataTables_filter {
  top: -62px;
}

#selectMedicinalProductTable_wrapper
  #selectMedicinalProductTable_filter.dataTables_filter {
  top: -96px;
}

.tab-pane #selectMedicinalProductTable_wrapper div.dt-buttons {
  left: 620px;
  top: -90px;
}

.tab-pane #selectScopesTable_wrapper div.dt-buttons {
  position: static;
}

#selectScopesTable_wrapper #selectScopesTable_filter.dataTables_filter {
  position: static;
}

#selectMedicinalProductTable_wrapper .dt-buttons.btn-group {
  position: static;
}

#selectMedicinalProductTable_wrapper
  #selectMedicinalProductTable_filter.dataTables_filter {
  position: static;
}

#selectMedicinalProductTable_wrapper #selectMedicinalProductTable_info {
  top: 10px !important;
}

#packagesTable_filter.dataTables_filter {
  position: static !important;
  margin-top: 20px;
}

#packagesTable_wrapper div.dt-buttons {
  position: static !important;
  margin-top: 20px;
}

#packagesTable_wrapper
  .dataTables_scroll
  .dataTables_scrollHeadInner
  .dataTable.table_header
  thead
  th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  vertical-align: middle;
}

.form-control {
  box-shadow: none !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  padding: 5px 12px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #f4f6f9;
  color: #2d5fef;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  box-shadow: none !important;
}

html[dir='ltr']
  #EntityFormPanel.crmEntityFormView
  .cell.crmquickform-cell:first-child {
  border: none !important;
}

#ContentContainer_FormPanel .section label {
  margin-bottom: 0px !important;
}

#ContentContainer_FormPanel .section .control input {
  padding-top: 0px;
}

#ContentContainer_FormPanel .section .control input.form-control {
  color: #ababab;
  padding-left: 0px !important;
}

#Co-AuthorBodyCon
  #ContentContainer_FormPanel
  .section
  .control
  input.form-control {
  padding-left: 0px !important;
}

#ContentContainer_FormPanel .section .control textarea.form-control {
  color: #ababab;
  font-size: 12px;
}

#EntityFormPanel #ema_referencemahphonenumber_label {
  margin-left: 0px !important;
}

#EntityFormPanel
  .entity-form
  .tab-column
  table.section[data-name='Signatories']
  div.info {
  padding-left: 0px;
  width: auto;
  padding-right: 30px;
}

#EntityFormPanel
  .entity-form
  .tab-column
  table.section[data-name='Signatories']
  div.control {
  position: relative;
  right: 12px;
}

#EntityFormPanel
  .entity-form
  .tab-column
  table.section[data-name='Signatories']
  .checkbox-cell
  div.info {
  width: auto;
  padding-right: 10px;
  padding-left: 22px;
}

#EntityFormPanel
  .entity-form
  .tab-column
  table.section[data-name='Signatories']
  .checkbox-cell
  div.control {
  position: relative;
  left: -12px;
  float: left;
}

.table-striped > tbody > tr:nth-child(even) {
  background-color: transparent;
}

#ProposedProductChangeContent .entitylist-search .form-control {
  height: 31px !important;
}

#ProposedProductChangeContent .entitylist-search .btn.btn-default {
  min-height: 31px !important;
  height: 31px;
  background-color: #3a5ee6 !important;
  color: #fff !important;
}

#selectedScopesFieldSet > .section .span.slideup {
  background: none !important;
  padding-top: 2px;
  padding-left: 2px;
}

#dataTableDiv3 #exampleTable_wrapper #exampleTable thead tr th,
#dataTableDiv31 #exampleTable1_wrapper #exampleTable1 thead tr th {
  padding-left: 20px !important;
  padding-top: 25px;
  padding-bottom: 15px;
}

#dataTableDiv3 #ParentTable_wrapper #ParentTable_info.dataTables_info {
  top: 0px;
  left: 0px;
}

#dataTableDiv31 {
  padding: 20px 0px 0px 0px !important;
}

#dataTableDiv31 #exampleTable1_wrapper #exampleTable1_info {
  top: 8px;
  left: 0px;
}

#EntityFormPanel
  #dataTableDiv3
  #productSelectionTable_wrapper
  #productSelectionTable_info {
  top: 0px;
  left: 0px;
}

#selectMedicinalProduct #productAlertBlock + br {
  display: none;
}

#selectMedicinalProduct #productAlertBlock + br + br {
  display: none;
}

#selectMedicinalProduct
  #selectMedicinalProductTable_wrapper
  #selectMedicinalProductTable_info {
  left: 0px !important;
}

.tab-pane
  .associateMRPVariationNumberTableDiv
  #associateMRPVariationNumberTable_wrapper
  .dt-buttons {
  left: -20px;
  top: -56px;
}

.tab-pane
  .associateMRPVariationNumberTableDiv
  #associateMRPVariationNumberTable_wrapper
  .dataTables_filter {
  top: -60px;
}

.forumWarning span span strong {
  color: rgb(192, 57, 43);
}

#externalProcedures.tab-pane
  .externalProceduresTableDiv
  #externalProceduresTable_wrapper
  div.dt-buttons {
  left: -20px !important;
}

#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled:after,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before,
#externalProceduresTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  top: 23px !important;
}

fieldset #ema_emaprocedurenumber_name.form-control {
  background-color: #fff !important;
}

#externalProceduresTable_filter.dataTables_filter {
  top: -60px !important;
}

body .pagination li a {
  padding: 5px 10px;
  border: none !important;
  height: 28px;
  line-height: 15px;
  font-weight: bold;
  color: #2962ed;
  border-radius: 4px !important;
  font-family: monospace;
}

body .pagination li.paginate_button.previous,
body .pagination li.paginate_button.next {
  font-family: monospace;
  font-size: 18px;
}

body .pagination > .active > a,
body .pagination > .active > a:focus,
body .pagination > .active > a:hover {
  background-color: #f4f6f9 !important;
  color: #2962ed !important;
}

body .pagination > li > a,
body .pagination > li > span {
  background-color: transparent !important;
}

body .form-control {
  background-color: #fff !important;
  padding: 6px 12px !important;
}

body select.form-control {
  height: 31px !important;
}

body .pagination > .disabled > span,
body .pagination > .disabled > span:hover,
body .pagination > .disabled > span:focus,
body .pagination > .disabled > a,
body .pagination > .disabled > a:hover,
body .pagination > .disabled > a:focus {
  color: #c5c5c5 !important;
}

/*
body .pagination > .paginate_button.previous a:before {
  content: '<';
}

body .pagination > .paginate_button.next a:before {
  content: '>';
}

body .pagination > .paginate_button.previous a,
body .pagination > .paginate_button.next a {
  letter-spacing: -3.6px;
}*/

div.dataTables_wrapper
  #productSelectionTable_paginate.dataTables_paginate
  ul.pagination {
  margin-top: -10px !important;
}

#EntityFormPanel
  fieldset#selectedScopesFieldSet
  table
  .clearfix.cell.text.form-control-cell
  .info {
  background-color: transparent !important;
}

#EntityFormPanel
  fieldset#selectedScopesFieldSet
  table
  .clearfix.cell.text.form-control-cell
  .info
  label.legend {
  background-color: #fff;
}

#EntityFormPanel
  fieldset#selectedScopesFieldSet
  table
  .clearfix.cell.text.form-control-cell
  .info
  label {
  justify-content: initial !important;
  padding: 12px 15px 8px !important;
}

#EntityFormPanel fieldset#selectedScopesFieldSet .section .dataTables_info {
  left: 0px !important;
}

#EntityFormPanel
  div[data-name='GMODetails']
  .section
  .clearfix.cell.checkbox-cell.alignSameLine
  > div {
  flex-direction: column-reverse;
}

#EntityFormPanel
  div[data-name='GMODetails']
  .section
  .clearfix.cell.checkbox-cell.alignSameLine
  > div
  .info {
  padding-left: 20px !important;
}

#dataTableDiv #dataTablescope_wrapper #dataTablescope thead tr th {
  padding: 12px 20px 12px 20px !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th {
  padding: 7px 10px 12px 20px !important;
  word-break: break-word;
  vertical-align: middle;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th:nth-child(1) {
  width: 15% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th:nth-child(2) {
  width: 20% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th:nth-child(3) {
  width: 15% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th:nth-child(4) {
  width: 15% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th:nth-child(5) {
  width: 35% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollBody
  .dataTable
  tbody
  tr
  td {
  width: 20% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollBody
  .dataTable
  tbody
  tr
  td:nth-child(1) {
  width: 15% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollBody
  .dataTable
  tbody
  tr
  td:nth-child(2) {
  width: 20% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollBody
  .dataTable
  tbody
  tr
  td:nth-child(3) {
  width: 15% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollBody
  .dataTable
  tbody
  tr
  td:nth-child(4) {
  width: 15% !important;
}

#dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollBody
  .dataTable
  tbody
  tr
  td:nth-child(5) {
  width: 35% !important;
}

#selectedScopesFieldSet
  #dataTableDiv1
  #dataTable_wrapper
  #dataTable_info.dataTables_info {
  padding-top: 0px !important;
  top: 20px !important;
}

#dataTableDiv #dataTablescope_wrapper #dataTablescope {
  margin-top: 0px !important;
}

#dataTableDiv #dataTablescope_wrapper #dataTablescope + .dataTables_info {
  top: 15px;
}

#exampleTable_1_wrapper #exampleTable_1_info.dataTables_info {
  left: 0px !important;
}

#dataTableDiv3 #exampleTable_wrapper #exampleTable_info.dataTables_info {
  left: 0px !important;
}

#dataTableDiv3 #ParentTable_wrapper #ParentTable thead > tr > th.sorting:before,
#dataTableDiv3 #ParentTable_wrapper #ParentTable thead > tr > th.sorting:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_asc:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_asc:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_desc:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_desc:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_asc_disabled:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_asc_disabled:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > th.sorting_desc_disabled:after,
#dataTableDiv3 #ParentTable_wrapper #ParentTable thead > tr > td.sorting:before,
#dataTableDiv3 #ParentTable_wrapper #ParentTable thead > tr > td.sorting:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_asc:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_asc:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_desc:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_desc:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_asc_disabled:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_asc_disabled:after,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_desc_disabled:before,
#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  top: 18px !important;
}

#dataTableDiv3
  #ParentTable_wrapper
  #ParentTable
  tbody
  > tr
  > td
  .dropdown-menu.dropdown-menu-right {
  right: 0px !important;
}

/*min height for view selected produtct*/
#ToggleSelectedProductsTable_wrapper .dataTables_scrollBody {
  min-height: 280px !important;
}

/*types of changes, scope nested table first th width*/
#ParentTable_1_wrapper #ParentTable_1 thead th:first-child {
  width: 50px !important;
}

.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper
  .dt-buttons.btn-group {
  top: -43px;
  left: 0px;
}

.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper
  .dataTables_scroll {
  margin-top: 35px;
  background-color: #f4f6f9;
  padding: 30px;
}

.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper
  #ToggleSelectedProductsTable_filter.dataTables_filter {
  top: -45px;
  right: 0px;
}

.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  div.dataTables_info {
  top: 0px;
  left: 0px;
}

.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  .dataTables_scroll
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table.dataTable
  thead
  tr
  th {
  background-color: #fcfcfc;
  padding-top: 15px;
  padding-bottom: 10px;
}

.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:after,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:after,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:after,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled:after,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting:after,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:after,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled:after,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before,
.ProductChild
  #ToggleSelectedProducts
  .ToggleSelectedProductsTableDiv
  #ToggleSelectedProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  /* top: 24px !important; */
  /* left: -12px; */
}

#availableProductsTable_wrapper
  .btn.btn-default.buttons-collection.buttons-page-selectd {
  background-color: transparent !important;
  border-color: transparent !important;
  margin-left: 10px;
}

.crmEntityFormView #statecode.state {
  padding-left: 0px !important;
}

#ContentContainer_MainContent_MainContent_ForumPostCreateForm {
  padding-bottom: 200px;
}

#ContentContainer_ContentHeader_PageHeader_PageHeader_RemoveAlert.btn.btn-danger {
  color: #fff !important;
}

#mainContent .entitylist {
  padding-bottom: 20px;
}

#mainContent .entitylist .view-pagination {
  text-align: right;
}

#mainContent .entitylist .view-pagination .jquery-bootstrap-pagination {
  display: inline-block;
}

#ValidationSummaryEntityFormControl_EntityFormView {
  position: relative;
  top: -30px;
}

#applicationFormBodyCon #ValidationSummaryEntityFormControl_EntityFormView {
  top: 0px;
}

/*-----------------------------Small devices (phones, max-480px)-------------------------------- */
@media screen and (max-width: 1200px) {
  #selectScopesTable_wrapper .dataTables_filter {
    position: static !important;
  }

  .tab-pane #selectScopesTable_wrapper div.dt-buttons {
    top: -56px;
  }

  #selectMedicinalProductTable_wrapper
    #selectMedicinalProductTable_filter.dataTables_filter {
    position: static;
  }
}

@media screen and (max-width: 992px) {
  .tab-pane #selectScopesTable_wrapper div.dt-buttons {
    position: static !important;
  }
}

@media screen and (max-width: 480px) {
  .navbar-brand img.logoEma {
    height: 30px;
  }

  .navbar-brand img.logoHMA {
    height: 30px;
    margin: 0 0 0 5px;
  }

  .navbar-default .navbar-toggle {
    margin-top: 8px;
  }

  .container-fluid.nav-pad {
    padding-right: var(--bs-gutter-x, 1rem);
    padding-left: var(--bs-gutter-x, 1rem);
  }

  .home .header {
    padding: 20px 10px;
    margin: 0px;
  }

  .home .header .header-right img {
    width: 120px;
    height: 107px;
  }

  .home .header h1 {
    padding: 12px 0;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .home .header p {
    font-size: 12px;
  }

  .home .header .header-link {
    font-size: 12px;
    margin-top: 10px;
  }

  .home .header .header-link::after {
    width: 13px;
    height: 13px;
    border: 2px solid;
    border-color: #3a5ee6;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    margin-top: 6px;
    margin-left: 12px;
  }

  .col-md-23 {
    min-width: 43%;
  }

  .footer-logo {
    height: 40px;
  }

  .home .quicklinks .quickLink-card h1 {
    font-size: 24px;
  }

  .home .quicklinks .card-icon {
    background-size: 37%;
  }

  .home .app-forms {
    display: block;
  }

  .home .app-forms .card-body {
    display: contents;
    padding: 5px 15px;
  }

  .home .app-forms .card-body:nth-child(2) {
    border-right: 0;
  }

  .home .app-forms .row-height-1 {
    min-height: 0px;
  }

  .home .app-forms .row-height-2 {
    min-height: 0px;
  }

  .navbar-nav li::after {
    content: '';
  }

  .home .quicklinks .card-ql {
    min-height: 260px;
  }

  footer .ft-mt {
    margin-top: 20px;
    line-height: 25px;
  }

  .home .quicklinks .quickLink-card {
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 25px;
  }

  .home .quicklinks .quickLink-card .card-title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
  }

  .card-ht {
    min-height: 85px;
    display: flex;
  }

  .card-sub-text .fa-2x {
    font-size: 1.5rem;
  }

  .ml-mr-2 {
    margin-left: 3%;
    margin-right: 3%;
  }

  .home .app-forms ul.app-list {
    width: 97%;
    font-size: 12px;
    margin-bottom: 40px;
  }

  .home .app-forms ul.app-list li {
    line-height: 24px;
  }

  .home .app-forms h2 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
  }

  .navbar-brand {
    padding: 10px;
  }

  .guid-sup {
    min-height: 250px;
  }

  .pub-reg {
    min-height: 250px;
  }

  .guid-card img {
    height: 65px;
  }

  .guid-sup h3 {
    padding: 10px 0;
  }

  .pub-reg h3 {
    padding: 10px 0;
  }

  .guidance h2 {
    margin-top: 0px;
    font-size: 18px;
  }

  .public-reg h2 {
    margin-top: 0px;
    font-size: 18px;
  }

  .home .quicklinks .card-sub-text span {
    font-size: 12px;
  }

  footer .footer-text {
    font-size: 12px;
  }

  .draft-form .input-group-btn.over {
    position: relative;
  }

  .draft-form .input-group {
    position: relative;
  }

  #form-box {
    padding: 15px;
  }

  .form-content {
    padding: 30px 20px;
  }
}

/*-----------------------------Small devices ( small tablets, max-768px)-------------------------------- */
@media screen and (min-width: 481px) and (max-width: 767px) {
  .navbar-brand img.logoEma {
    height: 32px;
  }

  .navbar-brand img.logoHMA {
    height: 32px;
    margin-top: 0;
  }

  .navbar-default .navbar-toggle {
    margin-top: 15px;
  }

  .container-fluid.nav-pad {
    padding-right: var(--bs-gutter-x, 1rem);
    padding-left: var(--bs-gutter-x, 1rem);
  }

  .home .header {
    padding: 20px 15px;
  }

  .home .header .header-right img {
    width: 160px;
    height: 143px;
  }

  .home .header h1 {
    padding: 12px 0;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .home .header p {
    font-size: 12px;
  }

  .home .header .header-link {
    font-size: 14px;
    margin-top: 10px;
  }

  .home .header .header-link::after {
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: #3a5ee6;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    margin-top: 7px;
    margin-left: 7px;
  }

  .col-md-23 {
    min-width: 43%;
  }

  .card h1 {
    font-size: 18px;
  }

  .guid-sup {
    min-height: 410px;
  }

  .pub-reg {
    min-height: 250px;
  }

  .home .quicklinks .quickLink-card h1 {
    font-size: 24px;
  }

  .home .quicklinks .card-icon {
    background-size: 30%;
  }

  .home .app-forms {
    display: block;
  }

  .home .app-forms .card-body {
    margin-bottom: 40px;
    min-height: 260px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home .app-forms .card-body:nth-child(2),
  .home .card-body:nth-child(4) {
    border-right: 0;
  }

  .navbar-nav li::after {
    content: '';
  }

  .home .quicklinks .card-ql {
    min-height: 280px;
  }

  footer .ft-mt {
    margin-top: 20px;
    line-height: 25px;
  }

  .home .quicklinks .quickLink-card {
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 25px;
  }

  .home .quicklinks .quickLink-card .card-title {
    font-size: 22px;
    line-height: 25px;
  }

  .card-ht {
    min-height: 150px;
    display: flex;
  }

  .card-sub-text .fa-2x {
    font-size: 1.7rem;
  }

  .ml-mr-2 {
    margin-left: 5%;
    margin-right: 5%;
  }

  .home .app-forms {
    border-radius: 15px;
    padding: 15px;
  }

  .home .app-forms ul.app-list {
    width: 98%;
    font-size: 12px;
  }

  .home .app-forms ul.app-list li {
    line-height: 24px;
  }

  .home .app-forms .row-height-1 {
    min-height: 75px;
  }

  .guid-card img {
    height: 65px;
  }

  .home .app-forms h2 {
    line-height: 24px;
    font-size: 18px;
  }

  .home .quicklinks .card-sub-text span {
    font-size: 12px;
  }

  footer .footer-text {
    font-size: 12px;
  }

  .draft-form .input-group-btn.over {
    position: relative;
  }

  .draft-form .input-group {
    position: relative;
  }

  #form-box {
    padding: 15px;
  }

  .form-content {
    padding: 30px 20px;
  }

  .applicationsTableDiv .dt-buttons {
    top: -46px !important;
  }

  div.dataTables_wrapper div.dataTables_filter label {
    float: left;
  }

  .applicationsTableDiv #applicationsDraftTable_filter input {
    float: left;
  }

  #applicationsDraftTable_filter.dataTables_filter .btn {
    float: left;
    padding: 6px 10px;
  }

  .tab-pane #selectScopesTable_wrapper div.dt-buttons {
    display: inline-block;
    width: auto !important;
    border-bottom: none !important;
  }

  #selectScopesTable_wrapper
    #selectScopesTable_filter
    #selectScopesTableSearchButton {
    margin-top: -8px;
  }

  .selectScopesTableDiv
    #selectScopesTable_wrapper
    #selectScopesTable_info.dataTables_info {
    text-align: left;
    left: -15px;
  }

  .selectMedicinalProductTableDiv #packagesTable_wrapper #packagesTable_info {
    text-align: left;
    left: -10px;
  }

  .tab-pane #selectMedicinalProductTable_wrapper div.dt-buttons {
    display: inline-block;
    width: auto;
    border-bottom: none !important;
  }

  #selectMedicinalProductTableSearchButton {
    margin-top: -8px;
  }

  #packagesTableSearchButton {
    margin-top: -8px;
  }
}

/*--------------------- Medium devices (tablets, max-992px)------------------------------ */
@media screen and (min-width: 767px) and (max-width: 992px) {
  .navbar-brand img.logoEma {
    height: 32px;
  }

  .navbar-brand img.logoHMA {
    height: 32px;
    margin-top: 0;
  }

  .home .quicklinks .quickLink-card h1 {
    font-size: 28px;
  }

  footer .ft-mt {
    margin-top: 20px;
    line-height: 25px;
  }

  .guid-sup {
    min-height: 480px;
  }

  .pub-reg {
    min-height: 330px;
  }

  .home .header .header-right img {
    width: 225px;
    height: 201px;
  }

  .navbar-nav li::after {
    content: '';
  }

  .home .header h1 {
    padding: 12px 0;
    font-size: 28px;
    margin-bottom: 15px;
  }

  .home .quicklinks .quickLink-card {
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 25px;
  }

  .home .quicklinks .quickLink-card .card-title {
    font-size: 16px !important;
    line-height: 24px;
  }

  .card-ht {
    min-height: 90px;
    display: flex;
  }

  .home .quicklinks .card-ql {
    min-height: 200px;
  }

  .card-sub-text .fa-2x {
    font-size: 1.7rem;
  }

  .home .app-forms h2 {
    line-height: 20px;
    font-size: 14px;
  }

  .home .app-forms {
    border-radius: 15px;
    padding: 15px;
  }

  .home .app-forms ul.app-list li {
    line-height: 24px;
  }

  .home .app-forms ul.app-list {
    font-size: 12px;
    width: 98%;
  }

  .home .app-forms .row-height-2 {
    min-height: 110px;
  }

  .guid-card img {
    height: 65px;
  }

  .home .header .header-link {
    font-size: 16px;
  }

  .home .header p {
    font-size: 18px;
  }

  .home .quicklinks .card-sub-text span {
    font-size: 12px;
  }

  .home .app-forms .card-body {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ml-mr-2 {
    margin-left: 3%;
    margin-right: 3%;
  }

  footer .footer-text {
    font-size: 12px;
  }
}

/*-------------------------- Large devices (laptop & desktops, max-1200px)--------------------------- */
@media screen and (min-width: 993px) and (max-width: 1440px) {
  .navbar-brand img.logoEma {
    height: 44px;
  }

  .navbar-brand img.logoHMA {
    height: 45px;
    margin: 0 0 0 20px;
  }

  li.nav-item::after {
    content: '';
  }

  .home .header .header-right img {
    width: 225px;
    height: 200px;
  }

  .home .header h1 {
    padding: 14px 0;
    font-size: 30px;
    margin-bottom: 20px;
  }

  .home .header p {
    font-size: 14px;
  }

  .col-md-23 {
    min-width: 48%;
  }

  .home .quicklinks .quickLink-card h1 {
    font-size: 24px;
  }

  .home .quicklinks .quickLink-card {
    padding: 20px;
    border-radius: 20px;
  }

  .home .quicklinks .quickLink-card .card-title {
    font-size: 23px;
    line-height: 30px;
  }

  .card-ht {
    min-height: 145px;
  }

  .card-sub-text .fa-2x {
    font-size: 2rem;
  }

  .home .quicklinks .card-ql {
    min-height: 270px;
  }

  .guid-sup {
    min-height: 388px;
  }

  .pub-reg {
    min-height: 310px;
  }

  .home .app-forms .row-height-1 {
    min-height: 90px;
  }

  .home .app-forms h2 {
    line-height: 24px;
  }

  .home .app-forms {
    padding: 20px;
  }

  .home .app-forms ul.app-list {
    width: 99%;
    font-size: 12px;
  }

  footer .footer-text {
    font-size: 12px;
  }

  .home .header .header-link {
    font-size: 18px;
  }

  .home .quicklinks .card-sub-text span {
    font-size: 12px;
  }

  .home .app-forms .card-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-nav li::after {
    content: '';
  }

  .home .quicklinks .quickLink-card .card-title {
    font-size: 16px;
    line-height: 22px;
    width: 130px;
  }

  .navbar-nav .open .dropdown-menu {
    position: absolute;
    width: inherit;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    z-index: 999;
    background: #fff;
  }
}

@media screen and (max-width: 360px) {
  .navbar-brand {
    padding: 3px;
  }

  .navbar-default .navbar-toggle {
    margin-right: 0;
  }

  .home .header .header-right img {
    width: 90px;
    height: 80px;
  }

  .navbar-brand img.logoEma {
    height: 27px;
  }

  .navbar-brand img.logoHMA {
    height: 20px;
  }
}

.table_design .dataTables_wrapper {
  padding: 0 20px;
}

.table_design .table_header thead tr th {
  padding: 30px 0;
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before {
  content: url(../images/arrow-1.png);
  opacity: 0;
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:after,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  content: url(../images/arrow-2.png);
  opacity: 0;
}

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: 0 !important;
}

/* Conflict with ProductUI */
.dataTables_wrapper table.dataTable thead > tr > th.sorting,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled,
.dataTables_wrapper table.dataTable thead > tr > td.sorting,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc_disabled {
  padding-left: 0px;
}

.table_arrow_spc {
  display: block;
  float: left;
  width: 16px;
  margin-right: 5px;
  text-align: center;
}

.app_id.sorting.sorting_asc a .a_arrow {
  display: none;
}

.app_id.sorting.sorting_desc a .d_arrow {
  display: none;
}

.f_name.sorting.sorting_asc a .a_arrow {
  display: none;
}

.f_name.sorting.sorting_desc a .d_arrow {
  display: none;
}

.app_type.sorting.sorting_asc a .a_arrow {
  display: none;
}

.app_type.sorting.sorting_desc a .d_arrow {
  display: none;
}

.r_nah.sorting.sorting_asc a .a_arrow {
  display: none;
}

.r_nah.sorting.sorting_desc a .d_arrow {
  display: none;
}

.m_user.sorting.sorting_asc a .a_arrow {
  display: none;
}

.m_user.sorting.sorting_desc a .d_arrow {
  display: none;
}

.m_access.sorting.sorting_asc a .a_arrow {
  display: none;
}

.m_access.sorting.sorting_desc a .d_arrow {
  display: none;
}

.status.sorting.sorting_asc a .a_arrow {
  display: none;
}

.status.sorting.sorting_desc a .d_arrow {
  display: none;
}

.navbar {
  margin-bottom: 0px;
}

.ema-status-wrp {
  min-height: 97px;
  width: 100%;
  display: block;
  float: left;
  background-color: #122a58;
  padding: 32px 90px 0 20px;
}

.ema-status-icon {
  width: 52px;
  display: block;
  float: left;
  min-height: 46px;
}

.ema-heading-status {
  display: block;
  float: left;
  margin-left: 22px;
}

.ema-heading-status h1 {
  font-size: 16px;
  font-weight: bold;
  width: auto;
  display: block;
  float: left;
  margin: 0px;
  padding: 0;
  color: #fff;
}

.ema-heading-status h1 + h1:before {
  content: ' > ';
  font-family: monospace;
  margin-left: 10px;
}

.ema-heading-status h1#childPageTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 420px;
}

.ema-heading-status P {
  width: 100%;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #fff;
  margin-bottom: 10px;
}

.ema-heading-status .status-icon {
  display: block;
  float: left;
  margin-left: 24px;
}

.ema-heading-status .status-text {
  float: left;
  margin-top: 2px;
}

.p-0 {
  padding: 0px;
}

/* header right bar breadcrumbs */
.ema-breadcrumbs {
  display: block;
  float: right;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-style: italic;
  list-style-type: none;
}

.ema-breadcrumbs li {
  display: block;
  float: left;
  color: #fff;
}

.ema-breadcrumbs li a {
  color: #fff;
}

.ema-breadcrumbs li .divider {
  margin: 0 5px;
}

/* header right bar updates */
.ema-updates-headbar {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 100%;
  float: right;
  text-align: right;
  margin-top: 15px;
}

.ema-updates-headbar li {
  display: unset;
  color: #fff;
  font-size: 12px;
  margin-left: 10px;
}

.ema-updates-headbar li img {
  margin-right: 5px;
  margin-top: -5px;
}

.ema-updates-headbar li .divider {
  margin: 0 5px;
}

.space-bottom {
  margin-bottom: 50px;
}

/* aside menu */
.aside-menu {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 100%;
}

.aside-menu li {
  width: 100%;
  display: block;
  float: left;
  min-height: 118px;
  position: relative;
}

.aside-menu li:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.aside-menu li:hover a h2 {
  opacity: 1;
}

.aside-menu li .divider {
  width: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.15);
  height: 1px;
  position: absolute;
  bottom: 0px;
  width: -webkit-calc(100% - 0px);
  width: -moz-calc(100% - 0px);
  width: calc(100% - 0px);
}

.short-aside .ema-aside {
  width: 82px !important;
}

.short-aside .ema-aside li {
  min-height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.short-aside .ema-aside li .ema-status-icon {
  min-height: 50px;
  transform: scale(0.75);
}

.short-aside .ema-aside .aside-menu li a {
  width: auto;
  padding: 0px;
}

.short-aside .ema-aside ul li .ema-tab-txt {
  display: none !important;
}

.short-aside .ema-rside {
  width: calc(100% - 92px) !important;
  width: -webkit-calc(100% - 92px) !important;
  width: -moz-calc(100% - 92px) !important;
}

.uncompleted a p span {
  color: #ff7171 !important;
}

.completed a p span {
  color: #80d6b1 !important;
}

/* tab icons */
.p-selection-icon {
  background-image: url(../images/p-selection-white.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.type-icon {
  background-image: url(../images/types-change-white.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.procedural-icon {
  background-image: url(../images/procedural-white.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.proposed-icon {
  background-image: url(../images/proposed-white.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.additional-icon {
  background-image: url(../images/additional-white.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.finalisation-icon {
  background-image: url(../images/Finalisation-white.png);
  background-repeat: no-repeat;
  background-size: contain;
}

/* menu active */
.aside-menu li.active {
  background-color: #fff;
}

.aside-menu li.active a h2 {
  color: #3a5ee6;
}

.aside-menu li.active a p span {
  color: #80d6b1;
}

.aside-menu li.active a p.pending-status span {
  color: rgba(0, 0, 0, 0.5);
}

.aside-menu li.active .p-selection-icon {
  background-image: url(../images/p-selection-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.aside-menu li.active .type-icon {
  background-image: url(../images/types-change-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.aside-menu li.active .procedural-icon {
  background-image: url(../images/procedural-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.aside-menu li.active .proposed-icon {
  background-image: url(../images/proposed-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.aside-menu li.active .additional-icon {
  background-image: url(../images/additional-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.aside-menu li.active .finalisation-icon {
  background-image: url(../images/finalisation-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.aside-menu li.active a h2 {
  opacity: 1;
}

.aside-menu li.active a p span {
  opacity: 1;
}

.aside-menu li.active .pending-icon {
  background-image: url(../images/pending-icon-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.aside-menu li.active .divider {
  display: none;
}

.aside-menu li a {
  width: 100%;
  display: block;
  float: left;
  padding: 25px 20px 20px 20px;
}

.aside-menu li a h2 {
  color: #ffffff;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  opacity: 0.7;
}

.aside-menu li a p span {
  opacity: 0.7;
}

.aside-menu li a p span.status-icon {
  opacity: 1;
}

.aside-menu li a p {
  width: 100%;
  display: block;
  float: left;
  margin: 13px 0 0 0;
  padding: 0px;
}

.aside-menu li a span {
  color: #fff;
}

.aside-menu li a .ema-tab-txt {
  display: block;
  width: -webkit-calc(100% - 77px);
  width: -moz-calc(100% - 77px);
  width: calc(100% - 77px);
  margin-left: 12px;
  float: left;
}

/* status icons */
.completed-icon {
  width: 18px;
  height: 18px;
  display: block;
  background-image: url(../images/completed-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.pending-icon {
  width: 18px;
  height: 18px;
  display: block;
  background-image: url(../images/pending-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.uncompleted-icon {
  width: 18px;
  height: 18px;
  display: block;
  background-image: url(../images/uncompleted-icon.png);
  background-repeat: no-repeat;
}

.chatbot-open-btn {
  z-index: 9999;
}

/*-----------------------------Small devices ( small tablets, max-960px)-------------------------------- */
@media screen and (min-width: 280px) and (max-width: 960px) {
  .ema-status-wrp {
    padding-right: 20px !important;
  }

  .ema-status-icon {
    width: 40px;
    min-height: 48px;
  }

  .ema-heading-status {
    width: -webkit-calc(100% - 63px);
    width: -moz-calc(100% - 63px);
    width: calc(100% - 63px);
  }

  .ema-status-wrp {
    padding-top: 27px;
    padding-bottom: 25px;
  }

  .header-right-mb {
    margin-top: 10px;
  }

  .ema-updates-headbar {
    text-align: left;
    margin-top: 8px;
  }

  .ema-heading-status h1 {
    font-size: 14px;
  }

  footer {
    position: unset;
  }

  .ema-content-area {
    padding-bottom: 0px;
  }

  .space-bottom {
    margin-bottom: 120px;
  }

  .ema-breadcrumbs {
    float: left;
  }
}

@media screen and (max-width: 480px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 1600px) {
  .dt-buttons {
    margin-left: 0px !important;
  }
}

@media screen and (min-width: 1601px) and (max-width: 1900px) {
  .dt-buttons {
    margin-left: 50px !important;
  }

  .applicationsTableDiv .dt-buttons {
    margin-left: 0px !important;
  }
}

.customButtonWithSearch div {
  float: left;
}

.customButtonWithSearch div input {
  height: 35px;
  font-weight: normal;
  font-size: 15px;
}

.content-min-h {
  min-height: -webkit-calc(100vh - 490px);
}

@media screen and (max-width: 767px) {
  .content-min-h {
    min-height: -webkit-calc(100vh - 460px);
  }

  #form-tabs {
    padding-top: 20px;
  }

  #form-tabs .tab-content {
    margin-top: 0px !important;
    padding: 12px !important;
  }

  .dataTables_filter .customButtonWithSearch {
    flex-wrap: wrap;
  }

  .customButtonWithSearch div {
    float: left;
    width: calc(100% - 29px);
  }

  .dataTables_wrapper .dataTables_filter input {
    width: 100%;
    background-color: #fff !important;
    margin-left: 0px !important;
  }

  .dataTables_filter .customButtonWithSearch #btn_myTable_filterSearch.btn {
    margin-left: 0px !important;
    width: 100%;
    margin: 10px 0px;
  }

  .tab-pane div.dt-buttons {
    position: static !important;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 6px;
    margin-bottom: 12px;
  }

  .tab-pane div.dt-buttons .btn.btn-default {
    background-color: transparent !important;
  }
}

.table_design .dataTables_wrapper {
  padding: 0px;
}

.table_design .table_header thead tr th {
  padding: 16px 0 12px;
  font-size: 12px;
  background-color: #fcfcfc;
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before {
  content: url(../images/arrow-1.png);
  opacity: 0;
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:after,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  content: url(../images/arrow-2.png);
  opacity: 0;
}

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;
}

/* Conflict with ProductUI */
.dataTables_wrapper table.dataTable thead > tr > th.sorting,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled,
.dataTables_wrapper table.dataTable thead > tr > td.sorting,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc_disabled {
  padding-left: 0px;
}

.table_design .table_header thead tr th a {
  display: flex;
  align-items: center;
}

.table_design .table_header thead tr th a:hover {
  text-decoration: none;
}

.tab-pane.table_design.noBgTable {
  background-color: transparent;
}

.dataTables_wrapper table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > * {
  box-shadow: none !important;
}

.stripe.scrollbar.table_header {
  padding-right: 0px;
}

.oddEvenRows .dataTable tr.odd {
  background-color: #f8f9fa;
}

.oddEvenRows .dataTable tr.even {
  background-color: #fff;
}

#myTable th a:hover {
  text-decoration: none;
}

.table_arrow_spc {
  display: block;
  float: left;
  width: 16px;
  margin-right: 6px;
  margin-left: 8px;
  text-align: center;
}

.dataTables_filter .customButtonWithSearch {
  display: flex;
}

.dataTables_filter .customButtonWithSearch > #btn_myTable_filterSearch {
  order: 3;
}

.dataTables_filter .customButtonWithSearch > #btn_myTable_filterSearchXX {
  order: 2;
}

.dataTables_filter .customButtonWithSearch .btn {
  font-size: 12px;
  padding: 5px 8px;
}

.dataTables_wrapper .dataTables_filter input {
  border-radius: 0px !important;
}

.app_id.sorting.sorting_asc a .a_arrow {
  display: none;
}

.app_id.sorting.sorting_desc a .d_arrow {
  display: none;
}

.f_name.sorting.sorting_asc a .a_arrow {
  display: none;
}

.f_name.sorting.sorting_desc a .d_arrow {
  display: none;
}

.app_type.sorting.sorting_asc a .a_arrow {
  display: none;
}

.app_type.sorting.sorting_desc a .d_arrow {
  display: none;
}

.r_nah.sorting.sorting_asc a .a_arrow {
  display: none;
}

.r_nah.sorting.sorting_desc a .d_arrow {
  display: none;
}

.m_user.sorting.sorting_asc a .a_arrow {
  display: none;
}

.m_user.sorting.sorting_desc a .d_arrow {
  display: none;
}

.m_access.sorting.sorting_asc a .a_arrow {
  display: none;
}

.m_access.sorting.sorting_desc a .d_arrow {
  display: none;
}

.status.sorting.sorting_asc a .a_arrow {
  display: none;
}

.status.sorting.sorting_desc a .d_arrow {
  display: none;
}

/* index-2 css start */
.navbar {
  margin-bottom: 0px;
}

.product-top {
  width: 100%;
  float: left;
  background-color: #122a58;
  padding: 30px 0px 20px;
}

.product-top .medicen-icon {
  margin-right: 14px;
}

.product-top .complete-slction p {
  color: #fff;
  font-size: 12px;
  font-family: 'Verdana', sans-serif;
  width: 100px;
}

.product-top .complete-slction h3 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.product-top .complete-slction .check-icon {
  margin-left: 20px;
}

.product-right .product-list {
  list-style: none;
  padding: 0;
  display: inline-flex;
}

.product-top .product-right .product-list li {
  margin-left: 10px;
}

.product-top .product-right .product-list li a {
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Verdana', sans-serif;
  cursor: text;
}

.product-top .product-right .varition-from {
  font-size: 12px;
  color: #ffffff;
  font-family: 'Verdana', sans-serif;
}

.product-box {
  width: 100%;
  float: left;
}

.product-box .product-sidebar ul {
  list-style: none;
  padding: 0;
}

.product-box .product-sidebar ul li {
  float: left;
  padding: 18px 15px 6px 15px;
  width: 100%;
}

.product-box .product-sidebar ul li .divider {
  width: 100%;
  display: block;
  height: 2px;
  background-color: #717f9b;
  float: left;
  margin-top: 7px;
}

.product-box .product-sidebar ul li.aside-product.active-box h3 {
  font-size: 18px;
  color: #3a5ee6;
  margin: 0;
}

.product-box .product-sidebar ul li.aside-product.active-box p {
  font-size: 12px;
  color: #80d6b1;
}

.product-top .product-right .product-list li a img {
  float: left;
  padding-right: 5px;
}

.product-box .row {
  margin-right: 0;
}

.product-box .product-sidebar .aside-product .complete-slction p {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 0px;
}

.product-box .product-sidebar .aside-product .complete-slction p span {
  float: right;
}

.product-box .product-sidebar {
  background-color: #122a58;
  float: left;
  width: 240px;
  min-height: 910px;
  height: 100vh;
}

.product-box .product-sidebar .aside-product.active-box {
  background-color: #ffffff;
}

.product-box .product-sidebar .aside-product h3 {
  color: #8995ac;
  margin-top: 0;
  margin-bottom: 15px !important;
}

.product-box .product-sidebar .aside-product p {
  color: #8995ac;
}

.product-box .product-sidebar .border-bottm {
  width: 90%;
  float: left;
  border: 0.5px solid #8995ac;
  margin: 8px auto;
  margin-left: 5%;
}

.product-box .product-sidebar .complete-slction {
  padding-left: 14px;
  width: 150px;
}

.product-box .prodct-centrBox {
  width: -webkit-calc(100% - 240px);
  width: -moz-calc(100% - 240px);
  width: calc(100% - 240px);
  padding: 20px;
  background-color: #ffffff;
  float: left;
  margin-bottom: 177px;
}

.product-box .prodct-centrBox .form-action-container-left {
  margin-top: 20px;
  margin-bottom: 10px;
}

.aside_short {
  width: 82px !important;
}

.aside_short .complete-slction {
  display: none;
}

.product-box .prodct-centrBox_01 {
  width: -webkit-calc(100% - 82px);
  width: -moz-calc(100% - 82px);
  width: calc(100% - 82px);
  padding: 20px;
  min-height: 100vh;
  background-color: #ffffff;
  float: left;
}

.product-box .product-sidebar .aside-product a {
  width: 100%;
  display: block;
  margin-right: 0;
  margin: 10px 0;
  float: left;
}

.product-box .product-sidebar .aside-product.active-box .white_icon {
  display: none;
}

.product-box .product-sidebar .aside-product.active-box .blue_icon {
  display: block;
  width: 45px;
}

.product-box .product-sidebar .aside-product .white_icon {
  display: none;
}

.product-box .product-sidebar .aside-product .white_icon {
  display: block;
  width: 45px;
}

.product-box .product-sidebar .aside-product .blue_icon {
  display: none;
}

.product-box .product-sidebar .aside-product.active-box span.divider {
  display: none;
}

.footer-botm {
  margin-top: 0;
  position: unset !important;
}

.bg-blue {
  background-color: #122a58;
}

/* icon classes */
.check-bg {
  background-image: url(../images/check-icon.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  float: right;
}

.pending-bg {
  background-image: url(../images/pending.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  float: right;
}

.uncompleted-bg {
  background-image: url(../images/cross.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  float: right;
}

.content-min-h {
  min-height: -webkit-calc(100vh - 526px);
}

.dataTables_wrapper .dataTables_filter .customButtonWithSearch input {
  width: 200px;
  height: 29px;
}

.navbar-toggle .icon-bar {
  border: 1px solid #3a5ee6;
}

.dataTables_wrapper
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  .dataTable
  thead
  th {
  color: #3a5ee6;
  padding-left: 0px;
  padding-right: 0px;
}

#myTable_wrapper .dt-buttons.btn-group button {
  position: relative;
}

#myTable_wrapper .dt-buttons.btn-group button:before {
  position: absolute;
  content: '';
  background-color: #e2e5eb;
  width: 1px;
  height: 16px;
  left: -0px;
}

#myTable_wrapper .dt-buttons.btn-group button:first-child:before {
  display: none;
}

#myTable tbody tr td a {
  font-weight: bold;
  font-size: 12px;
}

.theadTitle {
  padding-left: 20px;
  display: inline-block;
}

.uc-content-section {
  padding-top: 100px;
  text-align: center;
}

.uc-content-section img {
  display: block;
  margin: 0px auto 60px;
  max-width: 660px;
}

.uc-content-section h1 {
  font-size: 34px;
  color: #0b4ba0;
  margin-bottom: 30px;
}

.uc-content-section p {
  font-size: 22px;
}

.uc-content-section p span {
  display: block;
}

#EntityFormView {
  background-color: #fff;
  padding-top: 25px;
}

div#WebFormPanel[aria-label='Basic Form'] {
  color: #7281ab;
  background-color: #f4f6f9;
  padding: 30px 30px;
  margin-bottom: 30px;
}

#mainContent #WebFormPanel > #EntityFormView + .actions {
  display: block;
}

#WebFormPanel .actions {
  border-top: none !important;
  margin-bottom: 0px !important;
  margin-top: 15px;
  padding-top: 10px;
}

#WebFormPanel .actions .col-sm-6.clearfix {
  padding-left: 0px !important;
}

#EntityFormView .tab-column fieldset .section .control iframe {
  padding: 0px;
}

#EntityFormView .section .info {
  position: relative;
}

#EntityFormView .section .info #addcoauthorToolTip {
  position: absolute;
  right: 104px;
  width: 60px;
  top: 4px;
  z-index: 9;
}

#EntityFormView .section .info #addcoauthorToolTip svg {
  width: 40px !important;
}

.popover {
  font-size: 12px !important;
}

#Applicants .pull-right.toolbar-actions .input-group.pull-left a {
  margin-right: 0px;
}

#availableProductsTable_wrapper .dataTables_info {
  top: 0px !important;
}

#svgimage47 {
  position: relative;
  top: 3px;
  left: 4px;
}

#ParentTable_wrapper .dataTables_filter {
  position: absolute;
  top: -40px;
  right: 0px;
}

#EntityFormPanel
  div[data-name='Types of Changes']
  #ParentTable_wrapper
  .dataTables_filter {
  position: initial !important;
  top: 0px !important;
  right: 0px !important;
}

#EntityFormPanel
  div[data-name='Types of Changes']
  #dataTableDiv3
  #ParentTable_wrapper
  #ParentTable_filter.dataTables_filter {
  position: relative !important;
  top: -10px !important;
  right: 0px !important;
}

#EntityFormPanel
  div[data-name='Types of Changes']
  #dataTableDiv3
  #ParentTable_wrapper
  .btn.btn-default.refresh {
  position: relative;
  top: -6px;
}

#ParentTable_wrapper .dataTables_filter a#btnNewAddScope {
  height: 31px;
}

#ParentTable_wrapper .dataTables_filter input {
  height: 31px;
}

.dataTables_wrapper td .dataTables_wrapper {
  padding-bottom: 30px;
}

#ParentTable_wrapper #ParentTable_filter #btnNewAddScope {
  height: 31px !important;
}

.dataTable {
  width: 100% !important;
}

div[data-name='AddEditVariationApplication'] iframe {
  height: auto !important;
  min-height: 120px !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}

div[data-name='AddEditPaymentDetails'] #ParentOrg,
div[data-name='AddEditPaymentDetails'] #OrgAddress {
  margin-top: 0px !important;
  margin-left: -12px !important;
  margin-right: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px !important;
  padding-top: 10px;
  min-height: 230px;
}

.ema-content-area.short-aside
  .ema-rside
  #EntityFormPanel
  div[data-name='AddEditPaymentDetails']
  .tab-column
  table[data-name='tab_2_section_2']
  .clearfix.cell.crmquickform-cell
  .control {
  margin-top: 120px;
}

#EntityFormPanel.crmEntityFormView
  div[data-name='AddEditVariationApplication']
  td.cell.form-control-cell,
#EntityFormPanel.crmEntityFormView
  div[data-name='AddEditVariationApplication']
  td.cell.crmquickform-cell {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

/************* Product Selection View/Select Product start here ************/
#availableProductsTable_wrapper {
  margin-top: 35px;
}

#availableProductsTable_wrapper .dataTables_scroll {
  background-color: #f5f6fa;
  padding: 30px;
  width: calc(100% - 0px);
}

#availableProductsTable_wrapper #availableProductsTable_filter {
  display: flex;
  justify-content: end;
  width: 100%;
  border-bottom: solid 0px #cfcfcf;
  margin-bottom: 0px;
  padding-bottom: 0px;
  right: 0px;
  top: -45px;
}

.tab-pane #availableProductsTable_wrapper div.dt-buttons {
  z-index: 9;
  left: 0px;
  top: -43px;
}

#availableProductsTable_wrapper
  #availableProductsTable_filter
  #availableProductsTableSearchButton {
  color: #fff;
  background-color: #2f5fef;
  border-color: #2f5fef;
}

#availableProductsTable_wrapper .dataTables_scroll .dataTable tr th {
  padding: 15px 0px 10px 20px !important;
  font-size: 12px;
  background-color: #fcfcfc;
}

#availableProductsTable_wrapper
  .dataTables_scroll
  .dataTable
  tr
  th.sorting_disabled {
  text-align: center;
}

.dataTable tbody tr.odd {
  background-color: #f8f9fb !important;
}

#availableProductsTable_wrapper
  .dataTable
  #chkSelectAllAvailableProducts.pull-left {
  margin-left: 0px;
}

#availableProductsTable_wrapper
  .dataTables_scrollBody
  #availableProductsTable
  thead
  th {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/************* Product Selection View/Select Product end here ************/

/************* Refresh button overlay start here ************/
.overlay,
.overlay1 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #ffffff;
  z-index: 50;
  backdrop-filter: blur(10px);
  opacity: 0.9;
}

.overlay.overlay-rw {
  position: absolute;
}

.overlay__inner,
.overlay__inner1 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay__content,
.overlay__content1 {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.05);
  border-top-color: #2f52b7;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.application-nav {
  padding-top: 0px;
}

.select-info {
  padding-left: 30px;
}

.application-dataTable {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: scroll;
}

ul.dropdown-menu {
  right: auto;
  left: auto;
}

.dataTables_filter {
  float: right;
}

td {
  height: 24px;
}

fieldset table tbody td {
  height: unset !important;
}

.navbar-right.menu-bar {
  margin-right: 0;
}

input.form-control.input-sm {
  height: 36px;
  margin-right: -5px;
  min-width: 10vw;
}

button.btn.btn-default.buttons-excel.buttons-html5 {
  margin-left: 0px;
}

.lazy-loader {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 5px;
  z-index: 9;
}

.lazy-loader div {
  opacity: 0.2;
  z-index: -1;
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #b8bae0;
  animation: lazy-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lazy-loader div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}

.lazy-loader div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}

.lazy-loader div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}

@keyframes lazy-loader {
  0% {
    top: 8px;
    height: 64px;
  }

  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}

button.btn.btn-default.buttons-collection.buttons-page-refresh {
  margin-left: 15px;
}

/************* Refresh button overlay end here ************/

#VariationProcedureNumber .pull-right.toolbar-actions a.btn.action {
  padding: 4px 12px 4px 9px;
}

#VariationProcedureNumber
  .table.table-striped.table-fluid
  > tbody
  > tr:nth-of-type(odd) {
  background-color: transparent;
}

#EntityFormPanel.crmEntityFormView td.cell {
  padding: 0 12px 12px !important;
}

#EntityFormPanel.crmEntityFormView #selectedScopesFieldSet > .section td.cell {
  padding: 0 !important;
}

#EntityFormView h2.tab-title {
  padding: 0 0px 20px 20px;
  margin: 0px;
}

#EntityFormPanel h2.tab-title {
  padding: 0 0px 15px 0px;
  margin: 0px;
  border: none !important;
}

#EntityFormPanel .btn-info {
  background-color: #3a5ee6;
  border-color: #3a5ee6;
}

#selectedScopesFieldSet
  #dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th:before,
#selectedScopesFieldSet
  #dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHeadInner
  .dataTable
  thead
  tr
  th:after {
  top: 50% !important;
  margin-top: -8px;
}

div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled:after,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before,
div[data-name='Product_Selection']
  #productSelectionTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  top: auto !important;
  bottom: 14px !important;
}

.btn.btn-default.refresh {
  border: none !important;
  border-radius: 0px !important;
}

#mainContent .col-md-12 .entitylist .row .col-md-3 {
  width: 15% !important;
}

#mainContent .col-md-12 .entitylist .row .col-md-9 {
  width: 85% !important;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  div.entity-grid.entitylist
  .view-toolbar.grid-actions.clearfix
  div.pull-right.toolbar-actions
  button {
  font-size: 12px !important;
  height: 32px !important;
  min-height: 32px !important;
  font-size: 12px;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  div.entity-grid.entitylist
  .view-toolbar.grid-actions.clearfix
  div.pull-right.toolbar-actions
  input {
  font-size: 12px !important;
  height: 32px !important;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #e3e6ec !important;
  padding-left: 10px !important;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  #entitylist-filters
  .entitylist-filter-option-group
  input {
  font-size: 12px !important;
  height: auto !important;
  min-height: 28px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #e3e6ec !important;
  padding-left: 10px !important;
}

#mainContent .col-md-12 .entitylist .row .btn-entitylist-filter-submit {
  margin-right: 6px;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  #entitylist-filters
  .entitylist-filter-option-group
  select {
  font-size: 12px !important;
  height: auto !important;
  min-height: 28px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #e3e6ec !important;
  padding-left: 10px !important;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  #entitylist-filters
  .entitylist-filter-option-group
  span.input-group-addon {
  height: 28px;
  min-width: 28px;
  padding: 0px;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  div.entity-grid.entitylist
  div#medicinalProductsALLTable_Info {
  margin-top: 0px;
  padding-top: 8px;
  white-space: nowrap;
  font-style: italic;
  color: #506d94 !important;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  div.entity-grid.entitylist
  .view-toolbar
  span.mpaDeleteIcon,
#mainContent
  .col-md-12
  .entitylist
  .row
  #entitylist-filters
  .entitylist-filter-option-group
  span.mpaDeleteIcon {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  div.entity-grid.entitylist
  .view-toolbar
  span.mpaDeleteIcon
  span,
#mainContent
  .col-md-12
  .entitylist
  .row
  #entitylist-filters
  .entitylist-filter-option-group
  span.mpaDeleteIcon
  span {
  position: absolute;
  display: none;
  right: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #555;
  background-color: #eee;
  font: 13px monospace;
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  z-index: 99999999;
  font-size: 16px;
  font-weight: bold;
}

#mainContent
  .col-md-12
  .entitylist
  .row
  div.entity-grid.entitylist
  .view-toolbar
  span.mpaDeleteIcon
  input,
#mainContent
  .col-md-12
  .entitylist
  .row
  #entitylist-filters
  .entitylist-filter-option-group
  span.mpaDeleteIcon
  input {
  padding-right: 18px;
  box-sizing: border-box;
}

#ParentTable
  #ParentTable_1_wrapper
  #ParentTable_1
  .dropdown
  .dropdown-menu.dropdown-menu-right {
  right: 0;
  left: auto;
  top: 19px;
  width: auto !important;
  min-width: 110px;
}

#ParentTable tbody .dt-hasChild .dropdown .dropdown-menu-right {
  right: 3px;
  left: auto;
  top: 19px;
  width: auto !important;
  min-width: 110px;
}

#ParentTable > thead > tr th:last-child {
  width: 50px !important;
}

#ParentTable tbody .dt-hasChild > td:last-child {
  padding-right: 10px !important;
}

#ToggleSelectedProductsTable_wrapper
  .btn.btn-default.buttons-collection.buttons-page-allRecords {
  margin-left: 10px;
}

#proposedPharmaceuticalProductsTable_wrapper
  .dataTables_scroll
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table
  tr
  th {
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 12px;
}

#proposedPharmaceuticalProductsTable_wrapper
  .dataTables_scroll
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table
  tr
  th
  #chkSelectAllProposedPharmaProducts {
  margin: -15px 20px 0px;
}

#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled:after,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before,
#proposedPharmaceuticalProductsTable_wrapper.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  left: -12px;
  top: 18px !important;
}

#proposedPharmaceuticalProductsTable_wrapper
  #proposedPharmaceuticalProductsTable_filter.dataTables_filter {
  top: -22px;
  right: 0;
}

#proposedPharmaceuticalProductsTable_wrapper
  #proposedPharmaceuticalProductsTable_filter.dataTables_filter
  label
  input {
  margin-right: 0px;
}

#proposedPharmaceuticalProductsTable_wrapper
  #proposedPharmaceuticalProductsTable_info {
  top: 10px;
  left: 0px;
}

#proposedPharmaceuticalProductsTable_wrapper
  .dataTables_scrollBody
  #proposedPharmaceuticalProductsTable
  tbody
  tr
  td:first-child
  input[type='checkbox'] {
  float: left;
  margin: 0px !important;
}

.crmEntityFormView fieldset#selectedScopesFieldSet {
  background: #f4f6f9;
  padding: 20px;
}

#WebFormPanel input#ema_billingaddress_name {
  padding-left: 0px !important;
}

.ema-rside .proposed-changes-internal-pages .container {
  padding: 0px;
}

.ema-rside
  .proposed-changes-internal-pages
  #EntityFormPanel
  fieldset#selectedScopesFieldSet
  table
  .clearfix.cell.text.form-control-cell
  .info
  label.legend {
  background: #e7e9ed;
  color: #5d687d;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  padding: 13px 15px 10px !important;
  font-size: 14px !important;
  font-weight: normal;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  .info
  #dataTableDiv {
  background-color: #fff;
  padding: 15px 15px 15px 15px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  td
  .dataTables_info {
  top: 0px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  #EntityFormPanel
  fieldset#selectedScopesFieldSet
  table
  .clearfix.cell.text.form-control-cell
  .info
  label {
  padding: 5px 0px 5px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  .info
  span.slidedown {
  background: url(/eAF_glyphicon_chevron_up.png) no-repeat center center !important;
  font-size: 0px;
  background-size: 50% !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  .info
  span.slideup {
  background: url(/eAF_glyphicon_chevron_down.png) no-repeat center center !important;
  font-size: 0px;
  background-size: 50% !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  .section-title {
  border: none !important;
  background-color: transparent !important;
  padding: 15px 0px !important;
  font-size: 16px;
  margin-top: 0px;
  float: left;
  width: 100%;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  fieldset
  .info
  label {
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: normal;
  margin-bottom: 0px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #containerproposeddatatable
  fieldset
  .info
  label {
  border: solid 0px red;
  display: block;
  clear: both;
  margin-bottom: 15px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #containerproposeddatatable
  fieldset
  .info {
  display: block;
  clear: both;
  overflow: hidden;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper {
  padding: 0px;
  background: #fff;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper
  table.dataTable {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper
  table.dataTable
  tbody
  tr
  td
  img,
#dataTableDiv31 #exampleTable1_wrapper #exampleTable1 tbody tr td img {
  max-width: 10px;
}

.ema-rside
  .proposed-changes-internal-pages
  #dataTableDiv3
  #exampleTable_wrapper
  #exampleTable
  thead
  tr
  th,
.ema-rside
  .proposed-changes-internal-pages
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1
  thead
  tr
  th {
  padding-top: 15px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper
  table#exampleTable.dataTable
  > tbody
  > tr.details
  > td {
  background-color: #f4f6f9;
  padding: 15px 15px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper
  table#exampleTable.dataTable
  > tbody
  > tr.details
  > td
  > div {
  padding-bottom: 0px;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper
  table#exampleTable.dataTable
  > tbody
  > tr.details
  > td
  > div
  .dataTables_info {
  left: 0px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper
  > #exampleTable_info.dataTables_info {
  left: 15px !important;
  top: 10px;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #dataTableDiv3
  #exampleTable_wrapper
  > div.dataTables_paginate
  ul.pagination {
  margin: -10px 15px 6px;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  .tab-column
  > div
  > fieldset
  > table
  > tbody
  > tr
  > td {
  padding: 0px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  .tab-column
  > div
  > fieldset
  > table
  > tbody
  > tr
  > td
  #dataTableDiv1
  #dataTable_wrapper
  #dataTable {
  background-color: #fff;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  .tab-column
  > div
  > fieldset
  > table
  > tbody
  > tr
  > td
  #dataTableDiv1
  #dataTable_wrapper
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table
  thead
  tr
  th
  .theadTitle {
  padding-left: 0px !important;
}

#dataTableDiv31 #exampleTable1_wrapper #exampleTable1 .details .details {
  background-color: #f4f6f9;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1
  .dataTables_info {
  left: 0px;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1 {
  margin-bottom: 0px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1_1,
.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable12_1 {
  margin-bottom: 0px !important;
}

#dataTableDiv31
  #exampleTable1_paginate.dataTables_paginate.paging_simple_numbers {
  margin-top: -15px;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  .tab-column
  > div
  > fieldset
  > table
  > tbody
  > tr
  > td
  #dataTableDiv1
  #dataTable_wrapper
  .dataTables_scroll {
  background-color: #fff;
}

.dataTables_wrapper table.dataTable thead > tr > th.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_desc:after,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before,
.dataTables_wrapper table.dataTable thead > tr > td.sorting_asc_disabled:after,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before,
.dataTables_wrapper
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:after {
  top: 50% !important;
  margin-top: -6px;
}

body input#ema_orphandesignation_redate_datepicker_description,
body input#ema_communityregister_number,
body input#ema_commisiondecision_referencenumber {
  background-color: rgba(118, 118, 118, 0.15) !important;
}

body .chatbot-open-btn {
  background: transparent !important;
  width: 62px;
  height: 62px;
  border-radius: 0%;
  border: none;
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: 10px;
  right: 10px;
  margin-left: 0;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 12px;
  left: auto;
  top: auto;
}

body .chatbot-open-btn svg {
  width: 40px;
  height: 40px;
}

body .popup-balloon {
  bottom: 82px;
  top: auto;
  left: auto;
  right: 10px;
  height: 50px;
  padding-left: 8px;
  padding-right: 8px;
  width: 174px;
}

body .popup-balloon::after {
  right: 28px;
  left: auto;
}

#content-container {
  min-height: calc(100vh - 300px);
  padding-bottom: 30px;
}

#dataTableDiv31 #exampleTable1_wrapper #exampleTable1 {
  background-color: #fff;
}

#containerproposeddatatable .info .btn.btn-default.refresh {
  float: left;
  margin-right: 8px;
  padding-top: 8px;
  background-color: transparent;
  padding-left: 0px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  #selectedScopesFieldSet
  #containerproposeddatatable
  fieldset
  .info
  a#btnDeleteDevices {
  margin-right: 0px !important;
}

.btn.btn-primary {
  color: #fff !important;
}

.applicationBodyCon {
  min-height: calc(100% - 329px);
}

#viewCoAuthor.applicationBodyCon {
  min-height: calc(100vh - 300px);
}

#Co-AuthorBodyCon.applicationBodyCon {
  min-height: calc(100vh - 300px);
}

#Co-AuthorBodyCon.applicationBodyCon .crmEntityFormView fieldset {
  margin-bottom: 0px;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1
  thead
  tr
  th:nth-child(1) {
  width: 40px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1
  thead
  tr
  th:nth-child(2) {
  width: 20px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1
  thead
  tr
  th:nth-child(2) {
  width: 20px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1
  thead
  tr
  th:nth-child(1) {
  width: 10px !important;
}

.ema-rside
  .proposed-changes-internal-pages
  .crmEntityFormView
  fieldset#selectedScopesFieldSet
  #dataTableDiv31
  #exampleTable1_wrapper
  #exampleTable1
  thead
  tr
  th:nth-child(2) {
  width: auto !important;
}

.present-proposed-RO .scopeProductMappingTableDiv #productTable_wrapper {
  border: solid 0px red;
  padding-top: 40px;
}

.present-proposed-RO
  .tab-pane
  .scopeProductMappingTableDiv
  #productTable_wrapper
  div.dt-buttons {
  top: 7px;
}

.present-proposed-RO
  .tab-pane
  .scopeProductMappingTableDiv
  #productTable_wrapper
  .dataTables_filter {
  top: 7px;
}

#viewCoAuthor.applicationBodyCon .form-action-container-left .btn.custom-exit {
  margin-left: -15px;
  margin-top: 15px;
  margin-bottom: 0px;
}
#viewCoAuthor.applicationBodyCon div#EntityFormPanel {
  display: block;
  clear: both;
  overflow: auto;
}

#productTable_wrapper .dt-buttons {
  margin-left: 0px !important;
}
#productTable_wrapper .dataTables_scroll .dataTables_scrollHead table th {
  word-break: break-all;
  vertical-align: middle;
}

#productTable_wrapper
  .dataTables_scroll
  .dataTables_scrollHead
  table
  th:nth-child(5) {
  width: 120px !important;
}
#productTable_wrapper
  .dataTables_scroll
  .dataTables_scrollHead
  table
  th:nth-child(6) {
  width: auto !important;
}

#productTable_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table
  td:nth-child(5) {
  width: 120px !important;
  word-break: inherit;
}
#productTable_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table
  td:nth-child(6) {
  width: auto !important;
}

.scopeProductMappingTableDiv
  #scopeTable_wrapper
  .dataTables_scroll
  .dataTables_scrollHeadInner
  table
  tr
  th,
.scopeProductMappingTableDiv
  .dataTables_scroll
  .dataTables_scrollHeadInner
  table
  tr
  th {
  background-color: #fcfcfc;
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle;
}

.tab-pane .scopeProductMappingTableDiv #scopeTable_wrapper {
  margin-top: 48px;
}

.tab-pane
  .scopeProductMappingTableDiv
  #scopeTable_wrapper
  .dt-buttons.btn-group {
  top: -35px;
}

.tab-pane .scopeProductMappingTableDiv #scopeTable_wrapper .dataTables_filter {
  top: -37px;
  right: 0px;
}

.tab-pane .scopeProductMappingTableDiv #scopeTable_wrapper .dataTables_info {
  left: 0px;
  top: -26px;
}

.tab-pane
  .scopeProductMappingTableDiv
  #scopeTable_wrapper
  #scopeTable_paginate {
  margin-top: -40px;
}

.tab-pane
  .scopeProductMappingTableDiv
  #productTable_wrapper
  .dataTables_scroll
  .dataTables_scrollHeadInner
  table
  tr
  th {
  background-color: #fcfcfc;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tab-pane .scopeProductMappingTableDiv #productTable_wrapper div.dt-buttons {
  top: -35px;
}

.tab-pane .scopeProductMappingTableDiv div.dt-buttons {
  left: 0px;
}

.tab-pane
  .scopeProductMappingTableDiv
  #productTable_wrapper
  .dataTables_filter {
  top: -37px;
  right: 0px;
}

.tab-pane
  .scopeProductMappingTableDiv
  #productTable_wrapper
  #productTable_paginate {
  margin-top: -10px;
}

.tab-pane .scopeProductMappingTableDiv #productTable_wrapper .dataTables_info {
  top: 12px;
  left: 0px;
}

.tab-pane .scopeProductMappingTableDiv .field-label {
  font-size: 12px !important;
}

.tab-pane
  .scopeProductMappingTableDiv
  #scopeTable_wrapper
  .tab-pane
  div.dt-buttons
  button {
  background-color: transparent;
}

.present-proposed-RO .actions {
  margin-top: 30px;
}

.present-proposed-RO .dataTables_wrapper .dataTables_info {
  top: 32px;
}

.present-proposed
  .selectScopesTableDiv
  #selectScopesTable_wrapper
  #selectScopesTable_info.dataTables_info {
  top: 32px;
}

.present-proposed .actions {
  margin-top: 30px;
}

.present-proposed
  .selectMedicinalProductTableDiv
  #packagesTable_wrapper
  #packagesTable_info {
  top: 32px;
}

#MessagePanelMRP.message.alert {
  position: relative;
  top: -34px;
}

#ContentContainer_FormPanel #eAF_PortalLocationDetails.crmEntityFormView .cell {
  padding: 0px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 15em !important;
}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker {
  font-size: 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
.bootstrap-datetimepicker-widget table td.day {
  line-height: 14px !important;
}
.bootstrap-datetimepicker-widget table th {
  font-weight: normal !important;
  color: #000;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  font-weight: bold !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #b2d5ff !important;
  outline: solid 1px #000 !important;
  border-radius: 0px !important;
}
.bootstrap-datetimepicker-widget tr td:hover button {
  background-color: transparent !important;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background: #0075ff !important;
  color: #fff !important;
  outline: solid 2px #000;
  border-radius: 0px !important;
}
.bootstrap-datetimepicker-widget table td.active button {
  background-color: transparent !important;
}
.bootstrap-datetimepicker-widget table td.day.new button {
  color: #767676 !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background-color: #b2d5ff !important;
}
.bootstrap-datetimepicker-widget table thead tr th:hover button {
  background-color: transparent !important;
}

#Proposed_Organisation_Changes
  .view-grid
  table
  .table-striped.table-fluid
  thead
  tr
  th {
  word-break: break-word !important;
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
}
.glyphicon-chevron-left:before {
  content: '\f060' !important;
}
.glyphicon-chevron-right:before {
  content: '\f061' !important;
}

/*-----------------------------Small devices ( mini laptops, max-1366px)-------------------------------- */
@media screen and (min-width: 1023px) and (max-width: 1366px) {
  ul.nav-pills div.dt-buttons {
    margin-left: 20px;
  }

  #form-tabs .nav-pills > li > a {
    padding: 15px 10px 14px 10px;
  }

  ul.nav-pills div.dt-buttons {
    margin-top: 6px;
  }

  .dataTables_wrapper .dataTables_filter .customButtonWithSearch input {
    width: 140px;
  }

  #app-product-container
    .dataTables_wrapper
    .dataTables_filter
    .customButtonWithSearch
    input {
    width: 140px;
  }

  .tab-pane div.dt-buttons .btn {
    font-size: 12px;
    padding: 6px 8px;
  }

  ul.nav-pills div.dt-buttons {
    margin-left: 10px;
  }

  #form-tabs button.dt-button,
  #form-tabs div.dt-button,
  #form-tabs a.dt-button,
  #form-tabs input.dt-button {
    padding: 0.5em 0.2em;
  }

  #form-tabs span.dt-button-spacer {
    margin: 0.5em 0px;
  }

  .tab-pane div.dt-buttons {
    left: 270px;
  }

  .ema-rside .container {
    width: 100% !important;
  }

  .ema-content-area.short-aside
    .ema-rside
    #EntityFormPanel
    div[data-name='AddEditPaymentDetails']
    .tab-column
    table[data-name='tab_2_section_2']
    .clearfix.cell.crmquickform-cell
    .control {
    margin-top: 130px;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1395px) {
  .tab-pane div.dt-buttons .btn {
    font-size: 12px !important;
    padding: 6px 8px !important;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  #mainContent .col-md-12 .entitylist .row .col-md-3 {
    width: 20% !important;
  }

  #mainContent .col-md-12 .entitylist .row .col-md-9 {
    width: 80% !important;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1365px) {
  #mainContent .col-md-12 .entitylist .row .col-md-3 {
    width: 25% !important;
  }

  #mainContent .col-md-12 .entitylist .row .col-md-9 {
    width: 75% !important;
  }
}

/*-----------------------------Small devices ( small tablets, max-768px)-------------------------------- */
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .product-box .product-sidebar .aside-product {
    padding: 10px;
  }

  .product-box .product-sidebar .aside-product .medicen-icon {
    width: 15%;
  }

  .product-box .product-sidebar ul li .aside-product h3 {
    font-size: 16px;
  }

  .app-form-section .dataTables_scroll {
    width: 100% !important;
    overflow-x: auto;
  }

  .app-form-section .dataTables_scrollHead,
  .app-form-section .dataTables_scrollBody {
    width: 1400px !important;
  }

  .app-form-section .dataTables_filter {
    top: -42px;
    right: 0px;
  }

  .dataTables_wrapper .dataTables_filter input {
    background-color: #fff !important;
  }

  .content-container {
    margin-top: 0px;
  }

  .app-forms {
    margin-top: 0px;
  }

  #form-tabs .nav-pills > li > a {
    border-radius: 0;
    padding: 10px 12px 10px 12px;
  }

  #form-tabs .tab-content {
    padding: 8px 20px 0px;
  }

  .tab-pane div.dt-buttons {
    top: -82px;
    left: 300px;
  }

  .tab-pane .dt-buttons .dt-button {
    padding: 0.5em 0.5em;
  }

  .tab-pane .dt-buttons .dropdown-menu .dt-button {
    padding: 0px;
  }

  #app-product-container .tab-pane div.dt-buttons {
    top: -82px;
    left: 300px;
  }

  .applicationsTableDiv {
    margin-top: 50px !important;
  }

  .applicationsTableDiv .dt-buttons {
    position: absolute !important;
    top: -92px !important;
    left: 358px !important;
  }

  .applicationsTableDiv .dataTables_filter {
    top: -40px !important;
    right: 0px !important;
  }

  .applicationsTableDiv .dataTables_filter input {
    width: 300px !important;
  }

  .ema-rside .container {
    width: 100% !important;
  }

  .footer-logo {
    display: block;
    max-width: 100%;
  }

  .footer-text {
    text-align: left;
  }

  .tab-pane div.dt-buttons .btn {
    padding: 6px 8px;
  }

  .navbar-brand {
    padding: 14.5px 0px;
  }

  #ParentTable_wrapper .dataTables_filter {
    position: absolute;
    top: -10px;
    right: -20px;
  }

  .applicationsTableDiv #OrgLocationsTable_filter.dataTables_filter {
    position: static;
  }

  #frommyorganisations #coAuthorValidation {
    top: -150px;
  }

  .ema-content-area.short-aside
    .ema-rside
    #EntityFormPanel
    div[data-name='AddEditPaymentDetails']
    .tab-column
    table[data-name='tab_2_section_2']
    .clearfix.cell.crmquickform-cell
    .control {
    margin-top: 150px;
  }
}

@media screen and (min-width: 821px) and (max-width: 912px) {
  .content-min-h {
    min-height: -webkit-calc(100vh - 510px);
  }

  #mainContent .col-md-12 .entitylist .row .col-md-3 {
    width: 100% !important;
  }

  #mainContent .col-md-12 .entitylist .row .col-md-9 {
    width: 100% !important;
  }

  #mainContent .col-md-12 .entitylist .row div.entity-grid.entitylist {
    margin-top: unset;
  }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .uc-content-section {
    padding-top: 70px;
    max-width: 450px;
    margin: 0px auto;
  }

  .uc-content-section img {
    width: 100%;
    margin-bottom: 30px;
  }

  .uc-content-section h1 {
    font-size: 26px;
    margin-bottom: 15px;
  }

  .uc-content-section h1 span {
    display: block;
  }

  .uc-content-section p {
    font-size: 18px;
    text-align: center;
  }

  .uc-content-section p span {
    display: inline;
  }

  #medicinalProductsTable_wrapper div.dt-buttons {
    left: 150px;
  }

  #dataTableDiv3 {
    padding: 0px !important;
  }

  #productSelectionTable_filter.dataTables_filter .btn {
    font-size: 12px !important;
    padding: 6px 8px !important;
  }

  #productSelectionTable_filter.dataTables_filter {
    top: 40px;
  }

  #productSelectionTable_wrapper .dataTables_scroll {
    margin-top: 60px;
    padding: 15px;
  }

  #productSelectionTable tbody tr td:first-child {
    width: 10px !important;
  }

  .prodct-centrBox.ema_content .custom-bot .col-sm-6.clearfix {
    width: 100% !important;
  }

  .prodct-centrBox.ema_content
    .custom-bot
    .col-sm-6.clearfix
    .form-action-container-left
    input {
    font-size: 12px;
  }

  .navbar.navbar-default
    .container-fluid.ml-mr-1
    .xrm-editable-html.xrm-attribute {
    display: block;
  }

  .navbar.navbar-default
    .container-fluid.ml-mr-1
    .xrm-editable-html.xrm-attribute
    .xrm-attribute-value {
    display: flex;
    justify-content: space-between;
  }

  .navbar.navbar-default
    .container-fluid.ml-mr-1
    .xrm-editable-html.xrm-attribute
    .xrm-attribute-value
    .navbar-header {
    order: 1;
  }

  .home .quicklinks .quickLink-card .card-title {
    font-size: 16px;
    line-height: 20px;
    width: 130px;
  }

  .home .quicklinks .row > .col-xs-6.col-sm-3 {
    width: 50%;
  }

  .home .quicklinks .card-icon {
    background-size: 20%;
  }

  .home .quicklinks .quickLink-card .card-title {
    width: 100%;
  }

  .home .quicklinks .quickLink-card .card-title.card-ht {
    min-height: 130px;
  }

  .home .quicklinks .card-ql {
    min-height: 200px;
  }

  #mainContent .col-md-12 .entitylist .row .col-md-3 {
    width: 100% !important;
  }

  #mainContent .col-md-12 .entitylist .row .col-md-9 {
    width: 100% !important;
  }

  #mainContent .col-md-12 .entitylist .row div.entity-grid.entitylist {
    margin-top: unset;
  }
}

/*-----------------------------Small devices ( small tablets, max-768px)-------------------------------- */
@media screen and (min-width: 300px) and (max-width: 767px) {
  .product-top .text-right.product-right {
    text-align: left;
    margin-top: 20px;
  }

  .product-top .product-right .product-list li {
    margin-left: 0px;
  }

  .dataTables_filter {
    position: static !important;
    margin-top: 0px !important;
  }

  .app-forms .div.dt-buttons {
    text-align: left !important;
  }

  .content-container,
  .app-forms {
    margin-top: 0px;
  }

  .app-form-section button.dt-button,
  .app-form-section div.dt-button,
  .app-form-section a.dt-button,
  .app-form-section input.dt-button {
    padding: 0.5em 0.2em;
  }

  .app-form-section span.dt-button-spacer {
    margin: 0 0.2em;
  }

  #form-tabs .nav-pills > li > a {
    border-radius: 0;
    padding: 10px 12px 10px 12px;
  }

  .app-form-section .dataTables_wrapper .dataTables_scroll {
    width: 100% !important;
    overflow-x: auto;
  }

  .app-form-section .dataTables_scrollHead,
  .app-form-section .dataTables_scrollBody {
    width: 1400px !important;
  }

  .tab-pane div.dt-buttons .btn {
    padding: 6px 6px !important;
    font-size: 12px;
  }

  .dataTables_wrapper .dataTables_filter .customButtonWithSearch input {
    width: 100% !important;
  }

  .uc-content-section {
    padding-top: 20px;
    max-width: 308px;
    margin: 0px auto;
  }

  .uc-content-section img {
    width: 100%;
    margin-bottom: 30px;
  }

  .uc-content-section h1 {
    font-size: 21px;
    margin-bottom: 15px;
  }

  .uc-content-section h1 span {
    display: block;
  }

  .uc-content-section p {
    font-size: 16px;
    text-align: center;
  }

  .uc-content-section p span {
    display: inline;
  }

  .home .quicklinks .card-icon {
    background-size: 24%;
  }

  .home .quicklinks .card-ql {
    min-height: 250px;
  }

  .home .quicklinks .quickLink-card .card-title {
    font-size: 16px;
  }

  #availableProductsTable_wrapper .dataTables_scroll {
    padding: 15px;
  }

  #mainContent .col-md-12 .entitylist .row .col-md-3 {
    width: 100% !important;
  }

  #mainContent .col-md-12 .entitylist .row .col-md-9 {
    width: 100% !important;
  }

  #mainContent .col-md-12 .entitylist .row div.entity-grid.entitylist {
    margin-top: unset;
  }
}

@media screen and (min-width: 913px) {
  .content-min-h {
    min-height: -webkit-calc(100vh - 526px);
  }
}

.tab-column .fieldset-open {
  margin-bottom: 0px !important;
  background-color: #fbfbfd;
}

.tab-column .fieldset-closed {
  margin-bottom: -21px !important;
  background: white !important;
}

.tab-column .fieldset-open > div {
  display: unset;
}

.tab-column .fieldset-closed div {
  display: none;
}

.ema-rside div#EntityFormPanel {
  padding: 0px !important;
  background-color: transparent !important;
}

.container div#EntityFormPanel {
  color: #7281ab;
  background-color: #f4f6f9;
  padding: 30px 30px;
}

.container div#EntityFormPanel div[id^='EntityFormControl'] {
  background-color: #ffffff;
  padding: 20px 0px 10px 0px;
}

.tab-column fieldset legend {
  border: 1px #dce2ea solid;
  background-color: white;
  padding: 36px 48px;
  color: #4c6e9a;
}

/*fix the bottom spacing issue in eaf*/
.ema-rside-container {
  padding: 40px;
  position: relative;
}

.tab-column .fieldset-open legend .slidedown,
.slideup {
  height: 22px;
  width: 22px;
  float: right;
  background: url('../images/arrow-up.png') no-repeat;
  position: absolute;
  top: 24px;
  right: 34px;
  width: 32px;
  height: 35px;
  font-size: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
}

.tab-column .fieldset-closed legend .slidedown,
span.slideup {
  height: 22px;
  width: 22px;
  float: right;
  background: url('../images/arrow-right.png') no-repeat;
  position: absolute;
  top: 24px;
  right: 34px;
  width: 32px;
  height: 35px;
  font-size: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
}

#selectedScopesFieldSet .info span.slidedown,
#selectedScopesFieldSet .info span.slideup {
  height: 22px;
  width: 22px;
  text-align: center;
}

legend .slideup span {
  display: none;
}

legend .slidedown span {
  display: none;
}

legend span svg {
  display: inherit;
  margin-left: 2px !important;
}

.custom-bot {
  margin-top: 30px;
}

.form-action-container-right {
  float: right;
  margin-top: 30px;
}

.form-action-container-left {
  float: left;
}

@media screen and (max-width: 912px) {
  .form-action-container-right {
    float: left;
    margin-top: 8px;
  }

  .tab-column fieldset legend {
    padding: 24px 18px;
  }
}

table.dataTable tr.selected td.select-checkbox:after {
  content: '' !important;
  background: url('../images/checked.png');
  /* background: #3a5ee6 !important; */
  margin-top: -15px !important;
  /* border: 1px solid black; */
  border-radius: 3px;
}

#app-product-container .nav-pills > li.active > a,
#app-product-container .nav-pills > li.active > a:hover,
#app-product-container .nav-pills > li.active > a:focus {
  background-color: white;
  color: #3a5ee6;
  font-weight: bold;
  background: url(../images/selected_tab.png);
  background-repeat: no-repeat;
  /* background-size: 300px 100px; */
  background-position: bottom;
}

#app-product-container .ap-row-tab-bar {
  border-bottom: 1px solid #cfcfcf;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 15px;
}

#app-product-container
  .dataTables_wrapper
  .dataTables_filter
  .customButtonWithSearch
  input {
  width: 200px;
  height: 29px;
}

#app-product-container .dataTables_filter {
  position: absolute;
  top: -78px;
  right: -20px;
}

#app-product-container .tab-pane div.dt-buttons {
  position: absolute;
  top: 0px;
  top: -76px;
  left: calc(100% - 370px);
  left: -webkit-calc(100% - 370px);
  left: -moz-calc(100% - 370px);
}

#app-product-container .tab-pane div.dt-buttons .btn {
  font-size: 12px;
  border: none;
}
/* proposed changes section*/
div[data-name='presentProposedTab'] legend,
div[data-name='OrgDetailsSection'] legend {
  border: 0px;
  padding: 0 0 0 30px;
  margin: 0px;
  font-size: 12px;
}

@media screen and (min-width: 767px) and (max-width: 1124px) {
  #app-product-container .tab-pane div.dt-buttons {
    top: -40px;
    left: unset;
    right: 235px;
  }

  #app-product-container .dataTables_filter {
    position: absolute;
    top: -42px;
    right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  #app-product-container .tab-pane div.dt-buttons {
    top: -40px !important;
    left: calc(100% - 370px);
    left: -webkit-calc(100% - 370px);
    left: -moz-calc(100% - 370px);
  }

  #app-product-container .dataTables_filter {
    position: absolute !important;
    top: -42px;
    right: 0px !important;
  }

  div#WebFormPanel[aria-label='Basic Form'] {
    padding: 15px;
  }

  #EntityFormView {
    padding: 12px;
  }

  #frommyorganisations #coAuthorValidation {
    position: static;
  }
}

@media screen and (min-width: 767px) and (max-width: 1124px) {
  #app-product-container .tab-content {
    padding: 50px 20px 0px !important;
  }
}

#mainContent div .forumWarning {
  margin-bottom: 40px;
}

@media screen and (min-width: 280px) and (max-width: 960px) {
  #mainContent {
    margin-bottom: 120px;
  }
}

table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px #e6e6e6 !important;
  color: #657898 !important;
  background: #e6e6e6 !important;
}

table.dataTable td.dt-control:before {
  background: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  height: 2em !important;
  width: 2em !important;
  margin-top: -9px;
  display: block !important;
  border: none !important;
  box-shadow: none !important;
  content: '' !important;
  background-color: transparent !important;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  background: url(../images/arrow-up.png);
  background-repeat: no-repeat;
}

td .dataTables_info {
  top: 35px !important;
  right: -50px;
  width: fit-content;
}

td .dataTables_filter {
  position: inherit !important;
  top: 0px !important;
  right: 0px !important;
}

.space-bottom #mainContent {
  margin-bottom: 0px !important;
}

#medicinalProducts #medicinalProductsTableSearchButton {
  height: 32px !important;
  background: #2f5fef !important;
  color: #fff !important;
  font-size: 12px !important;
}

#medicinalProducts div.dataTables_filter input {
  height: 32px !important;
  min-width: 250px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #medicinalProducts .dataTables_scrollHead,
  #medicinalProducts .dataTables_scrollBody {
    width: 100% !important;
  }

  #medicinalProducts .dt-buttons {
    top: -82px;
    left: 300px;
  }

  .tab-pane #availableProductsTable_wrapper div.dt-buttons {
    top: -32px;
  }

  #EntityFormPanel .tab-column fieldset.fieldset-open > div {
    width: 100%;
    overflow-x: auto;
  }

  #EntityFormPanel .tab-column fieldset.fieldset-open > div .section {
    width: 1024px;
  }
}

@media screen and (max-width: 767px) {
  #medicinalProducts .dataTables_scrollHead,
  #medicinalProducts .dataTables_scrollBody {
    width: 100% !important;
  }

  #medicinalProducts .dt-buttons {
    left: 180px;
    top: -47px;
  }

  #medicinalProducts #medicinalProductsTableSearchButton {
    margin-top: -6px !important;
    height: 36px !important;
  }

  #medicinalProducts div.dataTables_filter input {
    height: 36px !important;
  }
}

#medicinalProducts .dataTables_wrapper .dataTables_info {
  position: relative;
  top: 36px;
  font-style: italic;
  float: left;
}

.tab-content {
  padding-bottom: 10px !important;
}

#VariationProcedureNumber {
  position: relative;
}

#VariationProcedureNumber .view-grid .table.table-striped.table-fluid {
  margin-top: 20px !important;
}

#VariationProcedureNumber .view-toolbar {
  top: -30px !important;
  position: absolute !important;
  right: 0px !important;
  border-bottom: none !important;
}

#VariationProcedureNumber .btn-default {
  color: #2f5fef !important;
  background-color: transparent !important;
  /* conflicting with modal button
  border: none !important; */
}

#TypeofAuthorisation table tr td,
#VariationProcedureNumber table tr td,
#ChangeConcern table tr {
  border-bottom: 1px solid #ddd;
}

#ChangeConcern .table.table-striped.table-fluid {
  margin-top: 20px;
}

#ChangeConcern .table.table-striped.table-fluid tbody tr td {
  border-top: solid 0px #ddd !important;
  word-break: break-word;
}

.view-grid .table.table-striped.table-fluid tbody tr td {
  word-break: break-word;
}

#ConcernedMemberState .view-grid .table.table-striped.table-fluid thead th {
  padding-left: 0px !important;
}

#TypeofAuthorisation table tr:last-child > td,
#VariationProcedureNumber:last-child > td,
#ChangeConcern table tr:last-child {
  border-bottom: 0;
}

fieldset table tbody .fa-arrow-down {
  color: #8694ae !important;
}

fieldset table tbody .fa-arrow-up {
  color: #8694ae !important;
}

fieldset[aria-label='Present and Proposed Changes'] div.control select {
  min-width: 20% !important;
  margin-right: 10px !important;
}

fieldset[aria-label='Present and Proposed Changes']
  #ProposedProductChangeContent
  div.pull-right.toolbar-actions
  #btnAdd {
  margin-left: 0px !important;
}

fieldset[aria-label='Proposed Organisation Changes'] td .control iframe {
  min-height: 210px;
  padding: 0px !important;
  padding-top: 20px !important;
}

fieldset[aria-label='Proposed Values'] .section #atccodegrid iframe {
  min-height: 70vh;
  padding: 0px !important;
}

fieldset[aria-label='Organisation Details']
  #Proposed_Organisation_Changes
  iframe,
fieldset[aria-label='Proof of payment'] .control #NoCAP iframe {
  min-height: 70vh;
  padding: 0px !important;
}

section[aria-label='Edit'].modal-form-edit .modal-dialog iframe {
  min-height: 70vh !important;
}

fieldset[aria-label='Manufacturer of the device'] td .control iframe,
fieldset[aria-label='Notified Body (NB)'] td .control iframe {
  min-height: 210px;
  padding: 10px;
}

#EntityFormPanel.crmEntityFormView
  fieldset[aria-label='Proposed Organisation Changes']
  td.crmquickform-cell {
  padding: 0px 0px 0px 12px !important;
}

.proposed-changes-internal-pages
  #atccodegrid
  .view-grid
  > .table
  thead
  tr
  th:nth-child(2) {
  width: auto !important;
}

.proposed-changes-internal-pages
  #atccodegrid
  .view-grid
  > .table
  thead
  tr
  th:last-child {
  width: 42px !important;
}

.ema-rside #mainContent .crmEntityFormView .tab {
  margin-bottom: 0px !important;
}

#EntityFormPanel #selectedScopesFieldSet fieldset ul.dropdown-menu {
  right: 0 !important;
  top: 20px !important;
}

td .control iframe {
  height: auto;
  min-height: 260px;
  padding: 20px;
  background: white;
}

td .control iframe#eAF_PortalLocationDetails,
td .control iframe#eAF_PortalOrganisationAddress {
  min-height: auto !important;
  height: 0px;
}

td .control iframe#PresentOrgDetails {
  padding: 0px !important;
}

td .control iframe#PresentParentOrgDetails {
  padding: 0px !important;
}

#EntityFormPanel #PresentOrgDetails .form-control {
  padding: 6px 12px !important;
}

.trigger.text.form-control.addressCompositeControl.readonly {
  border: solid 1px #ccc !important;
}

body .form-control {
  padding: 6px 12px !important;
}

.control input#ema_typeofapplication_name {
  width: 210px;
}

#fhirExportTable_wrapper {
  color: #7281ab;
  background-color: #f4f6f9;
  padding: 20px 20px 0px;
}

#fhirExportTable_filter {
  margin-top: 10px;
  margin-right: 20px;
}

table#fhirExportTable {
  width: 100% !important;
}

#fhirExportTable_wrapper .dt-buttons {
  margin-left: 0px !important;
  margin-bottom: 5px;
}

#fhirExportTable_wrapper .dt-buttons button.btn {
  border: none !important;
  background: transparent !important;
}

#fhirExportTable_wrapper .dataTables_filter {
  top: 5px !important;
  right: 0px !important;
}

#fhirExportTable_wrapper .dataTables_filter input {
  height: 31px;
}

#successfullyDownload {
  min-height: 60px;
}

#successfullyDownload a {
  float: right;
}

#fhirExportTable_wrapper a.btn {
  color: white !important;
  max-width: 150px;
  height: 31px !important;
}

#successfullyDownload a {
  color: white;
}

#successfullyDownload a span {
  margin-left: 10px;
}

#fhirExportTable {
  background: white !important;
}

#fhirExportTable thead tr th {
  padding-left: 20px !important;
  padding-top: 34px !important;
  padding-bottom: 10px !important;
  font-size: 12px;
  background-color: #fcfcfc;
}

#fhirExportTable tbody tr.odd {
  background-color: #f8f9fa !important;
}

#frommyorganisationsTableSearchButton,
.entitylist-search button.btn.btn-default,
button.btn.btn-default.launchentitylookup,
button.btn.btn-default.clearlookupfield {
  min-height: 35px !important;
}

#frommyorganisationsTable_filter #frommyorganisationsTableSearchButton {
  min-height: 31px !important;
}

#fromotherorganisationsTable_wrapper
  .dataTables_scrollHeadInner
  table.table-striped.application-dataTable.dataTable.no-footer
  thead
  th {
  padding: 25px 8px 15px 20px !important;
}

.associateMRPVariationNumberTableDiv
  #associateMRPVariationNumberTable_wrapper
  .addMRPText
  .form-control {
  height: 31px;
  min-height: 31px !important;
}

.associateMRPVariationNumberTableDiv .input-group #btnReturn1 {
  display: block;
}

.associateMRPVariationNumberTableDiv .input-group .addMRPText input,
.associateMRPVariationNumberTableDiv .input-group .addMRPText button {
  min-height: 31px !important;
}

#fhirExportTable_wrapper .dataTables_filter button#fhirExportSearchButton {
  margin-top: 0px !important;
  min-height: 31px;
}

.associateMRPVariationNumberTableDiv #associateMRPVariationNumberTable_info {
  left: 0 !important;
  top: 0px !important;
}

.associateMRPVariationNumberTableDiv
  #associateMRPVariationNumberTable_wrapper
  .info {
  margin-top: 20px;
}

.associateMRPVariationNumberTableDiv #MessagePanel {
  margin-top: 20px;
  margin-bottom: 0px !important;
}

.associateMRPVariationNumberTableDiv div.info {
  margin-top: 70px;
}

select#ema_referencememberstate {
  height: 31px !important;
}

.crmEntityFormView div[data-name='PSMFDetails'] #psmfNote {
  padding-left: 12px;
  margin-bottom: 20px;
}

body .crmEntityFormView textarea.form-control {
  border: 1px solid #e3e6ec !important;
}

.confData p {
  margin: 10px 0 0 0;
}

.confBanner {
  display: flex;
  border: 1px solid #3a5ee6;
  margin: 10px 0;
}

.confData {
  padding: 10px 20px 10px 10px;
}

.confinfo svg {
  margin: 10px 10px 10px 10px;
  color: white;
}

.confinfo {
  background-color: #3a5ee6;
  margin: 1px;
}

/* ------------- Search Bar DataTables & Entity Lists Generic CSS ------------- */

.dataTables_wrapper input.form-control.input-sm::placeholder {
  color: #4a4949 !important;
}

.dataTables_wrapper .form-control.input-sm,
#coAuthorSearchByEmail {
  width: 320px !important;
}

.toolbar-actions .view-search.entitylist-search {
  width: 350px !important;
}

#ProposedProductChangeContent .grid-actions .toolbar-actions {
  width: 93%;
}
/* 8694ae */
@media (min-width: 500px) and (max-width: 799px) {
  #fhirExportTable_wrapper .dataTables_filter {
    display: flex !important;
    float: right !important;
    margin-right: 0px !important;
    align-items: center !important;
  }

  #fhirExportTable_wrapper .dataTables_filter button#fhirExportSearchButton {
    margin-top: -7px !important;
  }

  #fhirExportTable_wrapper .dataTables_filter a#btnRefresh {
    margin-top: -7px !important;
  }
}

@media (min-width: 800px) and (max-width: 1023px) {
  #fhirExportTable_wrapper .dataTables_filter {
    display: flex !important;
    float: right !important;
    margin-right: 0px !important;
    align-items: center !important;
  }

  #fhirExportTable_wrapper .dataTables_filter button#fhirExportSearchButton {
    margin-top: 0px !important;
  }

  #fhirExportTable_wrapper .dataTables_filter a#btnRefresh {
    margin-top: -7px !important;
  }
}

@media screen and (max-width: 480px) {
  .applicationsTableDiv .dataTables_filter input {
    height: 36px !important;
    width: 100% !important;
  }

  .applicationsTableDiv .dataTables_filter .btn {
    margin-left: 10px;
    width: 100%;
  }

  #applicationsTableSearchButton,
  #applicationsDeactivatedTableSearchButton,
  #applicationsDraftTableSearchButton,
  #applicationsCompletedTableSearchButton {
    margin-top: -7px;
    width: auto !important;
  }

  .home .quicklinks .row .col-xs-6.col-sm-3 {
    width: 100%;
  }

  .home .quicklinks .card-icon {
    background-size: 14%;
  }

  .home .quicklinks .quickLink-card .card-title {
    width: 200px;
    font-size: 15px;
  }

  div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
    display: flex;
  }

  #applicationsDraftTable_filter.dataTables_filter .btn {
    margin-top: 0px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1368px) {
  .applicationsTableDiv {
    margin-top: 40px !important;
  }

  .applicationsTableDiv .dataTables_filter {
    position: absolute !important;
    top: -42px !important;
    right: 0px !important;
  }

  .applicationsTableDiv .dataTables_filter input {
    height: 36px !important;
    width: 270px !important;
  }

  .applicationsTableDiv .dt-buttons {
    position: absolute !important;
    top: 0px !important;
    top: -98px !important;
    left: 442px !important;
  }

  .applicationsTableDiv .dataTables_filter {
    position: absolute !important;
    top: -43px !important;
    right: 0px !important;
  }
}

body[data-sitemap-state='/Guidance/article/:/Guidance/:/'] #content-container {
  min-height: calc(100vh - 470px);
}
body[data-sitemap-state='/Guidance/category/:/Guidance/:/'] #mainContent,
body[data-sitemap-state='/create-new-epi/:/'] #mainContent {
  min-height: calc(100vh - 350px);
  /*to consider the footer absolute position*/
  padding-bottom: 150px;
}

body[data-sitemap-state='/epi-list/:/'] .container-fluid {
  min-height: calc(100vh + 60px);
}
body[data-sitemap-state='/Applications/:/'] .app-forms {
  min-height: calc(100vh - 375px);
}
body[data-sitemap-state='/Applications/draft_applications/:/Applications/:/']
  #mainContent {
  min-height: calc(100vh - 355px);
}

.buttons-collection.buttons-colvis .caret {
  display: none;
}

div.dt-button-collection .dt-button-active-a a::after {
  display: none !important;
}

.overlayDataTable {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #ffffff;
  z-index: 50;
  backdrop-filter: blur(10px);
  opacity: 0.9;
}
/*==============
End Stylesheet eAF_EMA_UI_Custom.css
=================*/

/*title for accordtions*/
.crmEntityFormView .section-title {
  border-bottom-width: 2px !important;
  border-bottom-color: #cfdaf5;
}

/*Notify non-deleted Ids*/

#notifynotdeletedIds {
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
#notifynotdeletedIds .err-msg-holder {
  display: flex;
  flex-direction: column;
}
#notifynotdeletedIds .err-msg-list {
}
#notifynotdeletedIds button {
  order: 1;
}

div#availableProductsTable_wrapper .filter,
div#ToggleSelectedProductsTable_wrapper .filter {
  width: 100%;
  font-size: 9px;
  background-color: #fff;
  border: 1px solid #e3e6ec !important;
  height: 30px;
  color: #606060 !important;
  overflow-wrap: anywhere;
  flex-wrap: wrap;
}
div#availableProductsTable_wrapper .plm-btn.plm-btn-primary:hover,
div#ToggleSelectedProductsTable_wrapper .plm-btn.plm-btn-primary:hover {
  background-color: var(--plm-dark-blue) !important;
}
div#availableProductsTable_wrapper .plm-btn.plm-btn-primary,
div#ToggleSelectedProductsTable_wrapper .plm-btn.plm-btn-primary {
  min-width: auto !important;
}
div#availableProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-length,
div#ToggleSelectedProductsTable_wrapper
  button.btn.btn-default.buttons-collection.buttons-page-length {
  margin-right: 0px !important;
}

#availableProductsTable thead th,
#ToggleSelectedProductsTable thead th {
  font-size: 12px;
  background-color: #fcfcfc;
}

div#availableProductsTable_wrapper .filterth,
div#ToggleSelectedProductsTable_wrapper .filterth {
  background-color: #eee !important;
  padding: 5px 0px 5px 5px;
  font-size: 12px;
}

#availableProductsTable_wrapper .dataTables_scrollHead,
div#ToggleSelectedProductsTable_wrapper .dataTables_scrollHead {
  height: 122px;
}

div#availableProductsTable_filter input,
div#ToggleSelectedProductsTable_filter input {
  width: 500px !important;
}

#availableProductsTable_wrapper
  .dataTables_scroll
  .dataTable
  tr
  th.filterth
  input::placeholder,
#ToggleSelectedProductsTable_wrapper
  .dataTables_scroll
  .dataTable
  tr
  th.filterth
  input::placeholder {
  padding: 0.3em 0.5em;
}

#availableProductsTable_wrapper .dataTables_scroll .dataTable tr th.filterth,
#ToggleSelectedProductsTable_wrapper
  .dataTables_scroll
  .dataTable
  tr
  th.filterth {
  padding: 0.2em 0.5em !important;
}

#ScopeDocTable thead th,
#dataTableConds thead th {
  color: #3a5ee6;
  padding-left: 20px;
}

/* Styles for Data Integrity Modal(clone,copy etc) */
[for='dataIntegrityModal'] {
  pointer-events: auto;
  backdrop-filter: blur(5px);
}

/*========
styling for tags in Procedural changes
===========*/
.selected-record {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 5px 5px 0;
  flex-wrap: wrap;
  width: 100%;
}

#ema_memberstatelist_ledit.msos-input {
  width: 30%;
}

div.selected-record div {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  justify-content: center;
  background: lightgray;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  font-family: 'Verdana', sans-serif;
}

.selected-record span.name {
  font-size: 12px;
}

.selected-record svg {
  cursor: pointer;
  fill: #000;
}
.selected-record svg:hover {
  cursor: pointer;
  fill: #6e6e6e;
}

/*========
to be removed: temp fix for bug 219292 and 
===========*/
.container.applicationBodyCon .full-page-template {
  min-height: 1000px;
}
/*========
to be removed: temp fix for bug 223750 and 
===========*/
tr.dt-hasChild a{
  color: var(--plm-white);
}
/*========
custom alert messages for info, danger and warning
===========*/
.alert {
  padding: 1.2rem 1.6rem;
  color: var(--dark-5);
  /* margin-top: 0.5rem; */
  margin-bottom: 0.5rem;
  /* margin-inline: var(--spacing-left-right); */
  border: none;
  border-radius: var(--border-radius-menu);
}
 
.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;
}
 
.alert li a,
.alert p a,
.alert a {
  color: var(--dark-5) !important;
}
 
.alert .title {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
 
.alert .title h3 {
  font-weight: bold;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  color: var(--plm-black);
}
 
.alert > .title + div {
  padding-left: 3rem; /*width of icon + gap width*/
  margin-top: 0.6rem;
}
 
/*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);
}
 
/*========
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: 45;
  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);
}
.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;
}
 
/*========
Colored Titles in Notifications, Notices and Banners
===========*/
.alert-success .color h3 {
  color: var(--plm-success);
}
.alert-info .color h3 {
  color: var(--plm-info);
}
.alert-warning .color h3 {
  color: var(--yellow-3);
}
.alert-danger .color h3 {
  color: var(--plm-danger);
}

#bulkOperationDiv .picklist-label {
    width: 50%;
    padding-right: 1rem;
}

#bulkOperationDiv .picklist-control-cell {
    width: 50%;
}

#bulkOperationDiv .picklist {
    float: left;
    max-width: 300px;
    background-color: transparent !important;
}

#bulkOperationDiv .picklist-button {
    position: relative;
    display: flex;
    left: -50px;
    min-height: 35px;
}

#bulkOperationDiv .info {
    float: right;
}

#bulkOperationDiv .buttons-collection.buttons-colvis .caret {
    display: inline-block;
}

#bulkOperationDiv button.colvis::after {
  all: unset;
}

#bulkOperationDiv #medProductManufBusinessOpsSpinner,
#bulkOperationDiv #PackagedProductsTableSpinner {
  top: 33% !important;
}

#bulkOperationDiv #PATable>thead>tr {
display: none;
}